jQuery的标签更好的为你的表单的输入域创建一个漂亮的不显眼的标签。在关于这个插件的唯一性是你需要添加一个占位符文本,我们将显示标签,只有当用户需要它。
要添加到您的网站,只需包括最新的jQuery库连同jquery.label_better.js到文档中的<HEAD> ,并简单地调用这样的功能:
1 2 3 4 5 6 7 | $( "input.label_better" ).label_better({ position: "top" , animationTime: 500, easing: "ease-in-out" , offset: 20, hidePlaceholderOnFocus: true }); |
有了这个插件,你可以使用一个标记覆盖在上面的函数中定义的全局选项。这里有所有你可以用你的经验定制自己的喜好的标记:
数据的位置
此标记将让你单独定义每个输入字段的位置。
1 2 | < 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" > |
数据新的占位符
有时候,你希望你的占位符文本是由标签文本不同。你可以做到这一点通过如下定义新的占位符文本,该值将被显示,而不是作为标签。
1 2 | < 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" > |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com