jquery-placeholder - 一个用来实现 HTML5 的 placeholder 属性行为的 jQuery 插件
  • 分享到微信朋友圈
    X
查看演示

文章内容

jquery-placeholder 是用来实现 HTML5 的 placeholder 属性行为的 jQuery 插件，该属性在 IE6/7/8/9 上是不被支持的，通过该插件就可以实现 IE 对 placeholder 属性的支持。

创建 HTML 标记

<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. https://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代码

<script src="jquery/1.10.2/jquery.min.js"></script> 
<script src="jquery.placeholder.js"></script> 
<script>
    $('input, textarea').placeholder(); 
</script>

jQuery Placeholder 的特点：

  • 简单易用：只需几行代码，即可使您的表单支持 placeholder 属性。

  • 兼容性好：支持所有主流浏览器，包括 Internet Explorer 6+。

  • 轻量级：文件大小仅为 1.3KB（压缩后）。

  • 自动化处理：无需手动针对每个表单字段应用插件，它会自动检测并处理需要支持 placeholder 的元素。

下载地址：查看源码 »