Question

如何输入默认值，当用户按回车键时，它会消失？

我的代码无效：

<!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>

Answer 1

当许多浏览器支持HTML5时，它非常简单：

<input type="text" placeholder="default-value" />

直到我使用背景图像并让它消失，用户才会关注输入，否则用户可能会提交默认值，您必须将其过滤到服务器端：

<input type="text" name="fieldname" id="fieldname" style="background-image: url("default-value.png"); background-repeat: no-repeat;" />

在点击时删除它的JavaScript（使用原型框架）：

$('fieldname').observe('click', function() {
 // if already cleared, do nothing
 if(this._cleared) return;
 this.setStyle({backgroundImage: ''});
 this._cleared = true
});

Answer 2

以下是一个搜索框的示例，其初始值为“在此处输入搜索字符串”。当控件获得焦点并开始输入时，一些javascript会清除该框：

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

Answer 3

不要设置默认值。只需删除value属性。

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

您的页面也没有form元素，这是表单提交所必需的。

如何将默认值放入“输入”，当用户按下输入时，它将消失？

3 个答案: