Question

使这些字段的编辑更容易，如果他们的内容在被点击时被删除，我会很高兴。此外，如果没有更改，则需要提交默认值（最初显示），这意味着我（可能）不会查找自动删除的（n HTML 5）占位符，而是实际文本。如果取消选择字段并留空，则返回默认值会更好。

有什么建议吗？

P.S：示例：http://www.makeuseof.com/顶部的“您的电子邮件”输入。

Answer 1

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

如果要在多个元素中使用它，则应将事件处理程序提取到外部函数/脚本。

编辑：

使用外部函数时，您需要提供对input元素的引用作为函数的参数。

<script type="text/javascript">
    function focused(element){if (element.value == element.defaultValue) element.value='';}
    function blurred(element){if (element.value == '') element.value = element.defaultValue;}
</script>

<input type="text" value="Default Value" onfocus="focused(this)" onblur="blurred(this)">

注意：在JavaScript中，通常以小写字母开头。

Answer 2

使用onfocus：

进行尝试

<input type="text" value="Default text" onfocus="this.value = ''">

单击时删除输入/文本区域的内容？

2 个答案: