我有一个 HTML 表单,如下所示:
<form method="POST" action="http://">
Username: <input type="text" name="username" size="15" />
Password: <input type="password" name="password" size="15" />
<input type="submit" value="Login" />
</div>
</form>
我想要这样的功能,即文本字段中包含说明,当用户单击该框中时,这些说明会清晰可见,以便我可以节省空间并从表单外部删除“用户名”和“密码”一词。
如何才能实现这一目标?
您正在寻找的功能称为“占位符”。 (如果没有别的事,只要知道这个词就可以帮助您在 Google 中搜索更多信息)
在支持 HTML5 的现代浏览器中,这是一个内置功能,您可以非常轻松地使用,如下所示:
<input type='text' name='username' size='15' placeholder='User name' />
但是,此方法仅适用于支持此功能的最新浏览器。
较旧的浏览器需要一些 Javascript 代码才能完成此操作。幸运的是,您可以使用许多脚本,其中包括一些编写为 JQuery 插件的脚本。我推荐的是那些与placeholder
输入字段上的属性,以便您可以在具有此功能的浏览器中原生支持它,并为那些没有此功能的浏览器回退到 Javascript。
试试这个:http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)