如何创建一个HTML表单,预先填写“用户指南”,以便用户在框中单击?

如何创建一个HTML表单,预先填写“用户指南”,以便用户在框中单击?,第1张

概述我有一个 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= 我有一个 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>@H_404_3@  

我想要的是这样的功能,使得文本字段在其中指示用户在框中单击时清除,以便我可以节省空间,并从表单之外删除用户名和密码.我该如何实现?

解决方法 您要查找的功能称为“占位符”. (如果没有别的,只要知道这个术语将帮助您在Google中搜索更多信息)

在支持HTML5的现代浏览器中,这是一个内置功能,可以非常容易地使用,如下所示:

<input type='text' name='username' size='15' placeholder='User name' />@H_404_3@  

但是,此方法仅适用于支持此功能的最新浏览器.

较老的浏览器将需要一些JavaScript代码来实现.幸运的是,您可以使用许多脚本,包括一些用Jquery插件编写的脚本.我建议的那些是在输入字段中绑定占位符属性的那些,以便您可以在具有此功能的浏览器中本机支持,而对于那些不具有此功能的浏览器则可以支持.

尝试这个:http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html

总结

以上是内存溢出为你收集整理的如何创建一个HTML表单,预先填写“用户指南”,以便用户在框中单击?全部内容,希望文章能够帮你解决如何创建一个HTML表单,预先填写“用户指南”,以便用户在框中单击?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1098919.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存