从输入字段中删除文本

时间:2010-07-19 15:10:09

标签: php javascript html

一旦我开始输入文本,如何使文本消失,就像某些字段在stackoverflow上的工作方式一样?我在HTML中尝试了不同的“开启”操作,但这并没有真正做到我想要的。

感谢。

5 个答案:

答案 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" />