jquery表单标签

所属分类:输入-验证

 29797  314  查看评论 (0)
分享到微信朋友圈
X
jquery表单标签 ie兼容10

jQuery的标签更好的为你的表单的输入域创建一个漂亮的不显眼的标签。在关于这个插件的唯一性是你需要添加一个占位符文本,我们将显示标签,只有当用户需要它。  

使用步骤

要添加到您的网站,只需包括最新的jQuery库连同jquery.label_better.js到文档中的<HEAD> ,并简单地调用这样的功能:

 $("input.label_better").label_better({
    position: "top", 
    animationTime: 500, 
    easing: "ease-in-out", 
    offset: 20, 
    hidePlaceholderOnFocus: true 
  });

有了这个插件,你可以使用一个标记覆盖在上面的函数中定义的全局选项。这里有所有你可以用你的经验定制自己的喜好的标记:

数据的位置

此标记将让你单独定义每个输入字段的位置。

<input type="text" class="label_better" data-new-placeholder="Type your username" placeholder="Username">
<input type="text" class="label_better" data-new-placeholder="Type your email address" placeholder="Email Address">

数据新的占位符

有时候,你希望你的占位符文本是由标签文本不同。你可以做到这一点通过如下定义新的占位符文本,该值将被显示,而不是作为标签。

<input type="text" class="label_better" data-new-placeholder="Type your username" placeholder="Username">
<input type="text" class="label_better" data-new-placeholder="Type your email address" placeholder="Email Address">
相关插件-验证

简单易懂的jQuery表单验证插件

这是一款简单易懂的表单验证插件,没用使用任何多余的代码,使用时仅需引用jquery和jquery.validate.js
  验证
 33497  336

jQuery移动端手势登陆验证

jQuery移动端手势登陆验证功能
  验证
 14172  198

jQuery微信开放平台注册表单

jQuery微信开放平台注册表单是一款仿微信开放平台的选项卡带步骤的注册表单验证jQuery代码。
  验证
 52344  467

jQuery常用网站表单验证

可用于用户注册,网站留言等,有正在输入提示和失去焦点自动正则验证输入框内容
  验证
 37398  354

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    WEB小妞 0
    2013/12/13 16:13:00
    不错这个用到网站上很好。 回复
    大圣 0
    2013/12/13 15:53:00
    效果不错,收藏了。 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复