Javascript 清除(和恢复)文本输入的默认值

Javascript 清除(和恢复)文本输入的默认值,javascript,html,Javascript,Html,我有一个文本框,其中有初始值写入,我希望该框是明确的,当它被点击(活动) 例: //希望在单击从用户输入值时变得清晰,可以使用javascript查看onclick事件。这里有一个小例子: <input type="text" onclick="this.value='';" /> 您可以使用javascript执行此操作。查看onclick事件。这里有一个小例子: <input type="text" onclick="this.value='';" /> 只要写

我有一个文本框,其中有初始值写入,我希望该框是明确的,当它被点击(活动)

例:
//希望在单击从用户输入值时变得清晰,可以使用javascript查看onclick事件。这里有一个小例子:

<input type="text" onclick="this.value='';" />

您可以使用javascript执行此操作。查看onclick事件。这里有一个小例子:

<input type="text" onclick="this.value='';" />

只要写

 <input type='text' name='myText' onFocus='this.value="";'/>

更新:
如果不输入任何内容,则希望返回值

<input type="text" onfocus="if(this.value=='Search') this.value='';" onblur="if(this.value=='') this.value='Search';" value="Search" />

只要写

 <input type='text' name='myText' onFocus='this.value="";'/>

更新:
如果不输入任何内容,则希望返回值

<input type="text" onfocus="if(this.value=='Search') this.value='';" onblur="if(this.value=='') this.value='Search';" value="Search" />

以上两种解决方案都不是很好-在这种情况下,内联事件不是很好的解决方案。您需要的是使用HTML5
占位符
属性,并使用一点Javascript,为不支持它的浏览器添加对它的支持。您的HTML将如下所示:

<input type="text" placeholder="Search" id="search" />

您可以在这里看到一个简单的演示:

以上两种解决方案都不是很好-在这种情况下,内联事件不是一个好的解决方案。您需要的是使用HTML5
占位符
属性,并使用一点Javascript,为不支持它的浏览器添加对它的支持。您的HTML将如下所示:

<input type="text" placeholder="Search" id="search" />

您可以在这里看到一个简单的演示:

如果我希望在用户未输入文本并单击开箱即用时文本显示,该怎么办?类似的操作应该可以:onblur=“this.value=(this.value=”)?“myText”:this.value“onfocus=”this.value=”value=“myText”我还认为,不应该使用其他答案建议的onclick,而应该使用onfocus和onblur。如果我希望文本在用户未输入文本并直接单击时显示出来,该怎么办?类似的操作应该可以:onblur=“this.value=(this.value=”)?“myText”:this.value“onfocus=”this.value=”value=“myText”我还认为,您应该使用其他答案建议的onfocus和onblur,而不是onclick。您也可以使用
this.defaultValue
而不是literal。@nikc Thanx表示建议更好的方式您也可以使用
this.defaultValue
而不是literal。@nikc Thanx表示建议更好的方式在线示例工作,但在我的浏览器中不起作用,即使在在线示例中,也没有初始值,但它显示为“搜索”,并复制和粘贴了它,但不起作用,甚至出现了“搜索”一词。怎么办???@OdO你什么意思?你先说它行得通,然后就不行了。你用的是什么浏览器?当你说“没有初始值,但它显示为‘搜索’”时是什么意思?这难道不是占位符文本的要点吗?当输入元素中没有内容时,占位符文本会出现吗?停止复制和粘贴代码-学习代码的工作原理,然后自己使用它。我的意思是,当我在这里尝试时:它工作。但是,当我在HTML文件中编写代码并尝试在pc上运行时,它不起作用,甚至“搜索”一词也没有出现在框中。我的浏览器是firefox的最新版本。在线示例可以工作,但在我的浏览器中不工作,即使在在线示例中也没有初始值,但它显示为“搜索”,并复制和粘贴了它,但不工作,甚至出现了“搜索”一词。怎么办???@OdO你什么意思?你先说它行得通,然后就不行了。你用的是什么浏览器?当你说“没有初始值,但它显示为‘搜索’”时是什么意思?这难道不是占位符文本的要点吗?当输入元素中没有内容时,占位符文本会出现吗?停止复制和粘贴代码-学习代码的工作原理,然后自己使用它。我的意思是,当我在这里尝试时:它工作。但是,当我在HTML文件中编写代码并尝试在pc上运行时,它不起作用,甚至“搜索”一词也没有出现在框中。我的浏览器是firefox的最新版本。