html表单居中_如何在IE低版本中兼容HTML5表单属性placeholder属性

WEB开发数据提交是必不可少的，为了更友好的用户体验，通常需要给输入框一个默认的提示信息。HTML5技术提供了一个表单属性placeholder专门用于输入框默认提示，但是在IE低版本中根本不兼容。

例如：

兼容placeholder属性

*{margin:0px;padding:0px;}

.userid{position:relative;}

input{width:300px;height: 48px;}

在IE9中开始不兼容

那如何在IE低版本中兼容HTML表单属性placeholder呢？

解决思路：

判断浏览器是否兼容HTML表单属性placeholder
当浏览器不兼容HTML表单属性placeholder时，在输入框上方放一个和输入框一模一样的段落标签
。
当段落标签
被点击时，段落标签隐藏，输入框获得焦点。
当输入框失去焦点时，判断输入框内容是否为空，如果没有输入内容或者输入空格，那么显示段落标签，否则段落标签不显示。

例如：

兼容placeholder属性

在IE9中也兼容

如有遗漏欢迎评论区留言，继续交流谢谢。

html表单居中_如何在IE低版本中兼容HTML5表单属性placeholder属性相关推荐

webos开发 html,尝试在WebOS中创建HTML5表，但失败
我尝试使用以下JavaScript在WebOS中创建HTML5表,但未创建表. 但是,除了第一个Mojo.log"尝试创建数据库"之外,我无法在日志中看到任何进一步的细节.尝试在W ...
vba工作表重命名_如何在Excel中重命名工作表选项卡
vba工作表重命名 By default, worksheet tabs in Excel are given generic names, such as Sheet1, Sheet2, and s ...
pb 修改数据窗口种指定字段位置_如何在PB数据窗口中修改数据---设置数据窗口的更新属性...
如何在 PB 数据窗口中修改数据 --- 设置数据窗口的更新属性数据窗口对象非常强大的原因之一就是能够很容易地修改数据库.当用户修改了数据窗口中的数据,插入了新的数据行或者删除了数据行以后,只要调 ...
kotlin数据库_如何在Kotlin应用程序中使用Xodus数据库
kotlin数据库 I want to show you how to use one of my favorite database choices for Kotlin applications. ...
mysql 列换行表设计设计_今天来讲一下怎么利用MySql进行库表设计
今天来讲一下怎么利用MySql进行库表设计 1 引擎选择在 mysql 5.1 中,引入了新的插件式存储引擎体系结构,允许将存储引擎加载到正在运新的 mysql 服务器中.使用 mysql 插件式存 ...
mysql管理应用_如何在PHP和MySQL中制作出色的库存管理应用程序
mysql管理应用 by Richard 理查德(Richard) 如何在PHP和MySQL中制作出色的库存管理应用程序 (How to Make an Awesome Inventory Manag ...
iphone中怎么添加邮箱_如何在iPhone的Gmail中添加附件
iphone中怎么添加邮箱 While email is still an incredibly popular form of communication, it's not always a pa ...
python用sqlite数据库创建的表在哪里_用Python在sqlite3数据库中创建两个表
我似乎找到了很多关于如何使用两个表的教程,但我似乎不知道如何创建两个表.我可能错过了一些很简单的东西.在我想为"我的"数据"1"和"我的" ...
java js 正则表达式_如何在JavaScript与Java中使用正则表达式
如何在JavaScript与Java中使用正则表达式发布时间:2021-02-11 13:16:01 来源:亿速云阅读:69 作者:Leah 如何在JavaScript与Java中使用正则表达式? ...

html表单居中_如何在IE低版本中兼容HTML5表单属性placeholder属性

html表单居中_如何在IE低版本中兼容HTML5表单属性placeholder属性相关推荐

最新文章

热门文章