我有一个
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插件编写的脚本.我建议的那些是在输入字段中绑定占位符属性的那些,以便您可以在具有此功能的浏览器中本机支持,而对于那些不具有此功能的浏览器则可以支持.
尝试这个:http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html
原文地址:https://www.jb51.cc/html/230405.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。