今天的帖子为我们带来了更多或越来越流行的jQuery和HTML5插件,它们专注于表单输入字段的HTML占位符 。 如果您不知道HTML5占位符是HTML5标记提供给我们的INPUT元素的新属性。 占位符属性在字段中显示文本,直到该字段被关注,然后隐藏该文本。 但是,某些浏览器(例如Internet Explorer)不支持此功能,因此jQuery可以为那些不愿意使用的浏览器提供有用的备用。
HTML5占位符示例
让我们看一下插件!
1.粘性占位符jQuery插件
2. jQuery表单标签插件
jQuery FormLabels插件是使用数百种不同的客户端,站点,尤其是表单的结果。 每种形式都不同,因此构建统一的标签生成器并非易事。
3. jQuery Placeholder插件
这是jQuery的简单插件,可在尚不支持HTML5占位符属性的浏览器中提供支持。
4. jLabel
一个jQuery插件,使用带有交互式建议的醒目的标签来格式化文本输入字段。
5.登录表单占位符
经过测试的作品IE7 +
6.现场标签jQuery插件
一个简单的插件,可以将格式正确的HTML表单转换为具有现场标签支持的表单。 当字段聚焦时,标签消失,而开始输入文本时标签消失。
7.移动标签
由Ape Unit GmbH提供的jQuery插件,由Paul Lunow编码。
8.高级jQuery占位符插件(跨浏览器支持)
该插件使您可以在输入字段中使用占位符属性。
From: https://www.sitepoint.com/8-jquery-form-label-html5-placeholder-plugins/