一旦我开始输入文本,如何使文本消失,就像某些字段在stackoverflow上的工作方式一样?我在HTML中尝试了不同的“开启”操作,但这并没有真正做到我想要的。
感谢。
答案 0 :(得分:2)
您可以使用onfocus / onblur事件来完成此操作。例如:
<input type="text" value="search" onfocus="if(this.value=='search')this.value=''"/>
如果单击此输入字段,默认文本“搜索”将消失。 onfocus事件处理程序检查此输入字段是否具有“search”的值,如果是,则清除它,在其他情况下(用户已输入内容)将所有内容保留原样。
答案 1 :(得分:2)
大概你的意思是“出现在输入中的标签”。
如果你想以一种理智,易懂,语义的方式做到这一点 - 使用<label>
,如果JS可用,那么将它放在元素下面,onfocus / onblur根据值的变化来改变类。元件。
我使用jQuery在http://dorward.me.uk/tmp/label-work/example.html敲了一个简单的例子(所有不属于jQuery库的源都嵌入在该文档的HTML中以便于阅读)。
答案 2 :(得分:1)
jQuery会让这个简单的工作; http://www.jsfiddle.net/TshDN/
答案 3 :(得分:1)
如果您使用的是HTML 5,则可以使用占位符属性。
http://dev.w3.org/html5/spec/Overview.html#the-placeholder-attribute
答案 4 :(得分:0)
在javascript中使用onFocus()
<input type="text" onfocus="if(this.value == 'value') { this.value = ''; }" value="value" />