这适用于Chrome和任何其他支持HTML5中的占位符文本的浏览器
<input id="name" name="name" type="text" placeholder="Please enter your name..." required /> <br />
但是,它不能在火狐的3.5和更早的版本中工作,显然还有IE8,可能还有其他浏览器。
我如何实现同样的事情(最好是用HTML/CSS -如果不是,我愿意接受建议),以支持所有较旧的浏览器?如果不是所有的浏览器,至少是Firefox和IE。
Safari和Chrome已经支持它(或者至少是最新的版本)。
谢谢。
发布于 2010-08-08 17:40:25
我发现了一个很好的优雅的解决方案,那就是一个非常好的jQuery插件。
它的字面意思是一行jQuery,一个简化的js插件,以及输入上的一个简单的类名。
http://labs.thesedays.com/projects/jquery/clearfield/
这是我发现的最漂亮的东西,仅次于html中的“占位符”。
发布于 2010-08-07 16:40:08
总有一天我会对此进行适当的记录,但请看这个示例:http://dorward.me.uk/tmp/label-work/example.html
简而言之,将<label>
放置在透明的<input>
下,使用<div>
提供背景颜色和边框。
然后使用JS根据聚焦来确定标签是否可见。
当JS不可用时,应用不同的样式来将标签放在元素旁边。
与使用value
不同,这不会使只显示焦点内容的设备(例如屏幕阅读器)无法访问内容,而且还可以用于password
类型的输入。
发布于 2011-07-14 21:37:36
我使用这个:https://github.com/danbentley/placeholder
轻量级简单的jQuery插件。
https://stackoverflow.com/questions/3429520
复制相似问题