placeholder是input标签的新属性,在使用的时候有两个问题: 1、IE8 下不兼容 处理思路: 如果浏览器不识别placeholder属性,给input添加类名placeholder,模仿placeholder属性的样式,并给input 的value赋值placeholder属性 ...
这是一个老问题,结合前辈们的经验,需要处理的问题有一下几个。 .只有输入框 input textarea 下的palaceholder属性存在的时候才需要处理这类兼容 .处理好输入框上焦点和是焦点的文本显示 .密码输入框比较特殊,因为为其设置显示文本时显示的是一串 。这个问题后面分析。处理好前两点还是比较简单的,处理源码为如下 可以看出处理还是比较简单的。在不支持placeholder的浏览器下 ...
2015-12-21 10:27 0 1885 推荐指数:
placeholder是input标签的新属性,在使用的时候有两个问题: 1、IE8 下不兼容 处理思路: 如果浏览器不识别placeholder属性,给input添加类名placeholder,模仿placeholder属性的样式,并给input 的value赋值placeholder属性 ...
如下: 2、placeholder的浏览器兼容性和在不同浏览器下的 ...
placeholder 是 html5 新增加的属性,主要提供一种提示(hint),用于描述输入域所期待的值。该提示会在输入字段为空时显示,并会在字段获得焦点时消失。placeholder 属性适用于以下类型的 input 标签:text, search, url, telephone ...
HTML5对Web Form做了许多增强,比如input新增的type类型、Form Validation等。Placeholder是HTML5新增的另一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点时,提示文字消失。以前要实现 ...
如下: 2、placeholder的浏览器兼容性和在不同浏览器下的表现 由于placeho ...
一、 input常用在表单的输入,包括text,password,H5后又新增了许多type属性值,如url, email, member等等,考虑到非现代浏览器的兼容性问题,这些新的type常用在移动端的项目中。 二、 IE10+浏览器下,input标签会有一个默认 ...
1、什么是placeholder? placeholder是html5新增的一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点(或输入内容)时,提示文字消失。 2、placeholder的浏览器兼容性和在不同浏览器下的表现 ...
.phcolor{ color:#999;}//css样式 function isPlaceholer(){ var input = document.createElement("input"); return "placeholder" in input; }; function ...