Javascript 如何将默认值放入'；输入'；当用户按enter键时，它会消失吗？_Javascript_Html_Css

Javascript 如何将默认值放入'；输入'；当用户按enter键时，它会消失吗？

javascript html css

Javascript 如何将默认值放入'；输入'；当用户按enter键时，它会消失吗？,javascript,html,css,Javascript,Html,Css,如何将默认值输入，当用户按enter键时，默认值将消失我的代码不起作用： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <body> <input value="default-value" type="text"/> <

如何将默认值输入，当用户按enter键时，默认值将消失

我的代码不起作用：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<body>
    <input  value="default-value" type="text"/>
</body>
</html>

不要输入默认值。只需删除

值

属性即可

从您的问题中不清楚您的目标是什么-但是，通过使用现有的默认值，每次加载页面时都会显示该值

您的页面也没有表单提交所需的

表单元素。
当许多浏览器都支持HTML5时，很容易：
<input type="text" placeholder="default-value" />

下面是一个初始值为“在此处输入搜索字符串”的搜索框示例。当控件获得焦点并开始键入时，一点javascript会清除框：
<input name="txtSearch" id="txtSearch" onfocus="if (this.value=='enter search string here...') this.value = ''" value="enter search string here..." type="text"> 


此解决方案的问题是，必须将完全相同的字符串写入三次。第三次将是服务器端检查输入是否没有更改。为什么不只是：onfocus=“value=””有趣的事实：使用您的解决方案也是如此。但他们不必过滤掉“搜索”，因为有人可能想要搜索“搜索”：）但大多数时候这不是最好的解决方案@Yosef：因为这将在用户每次返回输入字段时清除文本。假设您在输入中拼错了一个单词，然后再次单击它，那么您的文本将丢失。真糟糕！
$('fieldname').observe('click', function() {
 // if already cleared, do nothing
 if(this._cleared) return;
 this.setStyle({backgroundImage: ''});
 this._cleared = true
}); 

<input name="txtSearch" id="txtSearch" onfocus="if (this.value=='enter search string here...') this.value = ''" value="enter search string here..." type="text">