jquery表单标签

所属分类：输入-验证

29778 314 查看评论 (0)

分享到微信朋友圈

查看演示立即下载

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

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">

jqueryTabs选项卡

网站首页全屏banner