作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont?
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
我有一个 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 插件的脚本。我推荐的是那些绑定(bind)到输入字段上的 placeholder
属性的,这样你就可以在具有此功能的浏览器中原生支持它,而对于那些不支持的浏览器则回退到 Javascript 't.
试试这个:http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html
关于html - 如何创建一个预先填写 "instructions"的 HTML 表单,当用户单击该框时清除该表单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5802030/
问了这个问题How to reach CSS zen? ,我现在明白我遇到的问题大多与定位有关。我发现一些文章说 CSS 作为布局系统并不总是足够好。 http://echochamber.me/vi
我是一名优秀的程序员,十分优秀!