让你的IE也支持placeholder属性

2022-12-27 15:32:12 浏览数 (1)

placeholder属性是html5新加入的,所以非现代浏览器当然不会支持了。 已有牛人写了一下jquery插件实现了placeholder

项目主页

https://github.com/mathiasbynens/jquery-placeholder

使用方法

html

代码语言:javascript复制
<input type="text" name="name" placeholder="e.g. John Doe">
<input type="email" name="email" placeholder="e.g. address@example.ext">
<input type="url" name="url" placeholder="e.g. http://mathiasbynens.be/">
<input type="tel" name="tel" placeholder="e.g.  32 472 77 69 88">
<input type="password" name="password" placeholder="e.g. h4x0rpr00fz">
<input type="search" name="search" placeholder="Search this site…">
<textarea name="message" placeholder="Your message goes here"></textarea>

js这样写:

代码语言:javascript复制
$('input, textarea').placeholder();

css提示

这个插件会自动添加一个名为class="placeholder" ,如果想自己区分来,那就使用下面的css定义

代码语言:javascript复制
input, textarea { color: #000; }
.placeholder { color: #aaa; }

动手试试吧!

0 人点赞