Html 删除输入/文本区域的内容，当它'；它点击了吗？

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

有什么建议吗

---

附言：示例：顶部的“您的电子邮件”输入。

尝试使用

onfocus

：

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

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

编辑：

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

<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)">

以函数为中心的（元素）{if（element.value==element.defaultValue）element.value=''；}
函数模糊（元素）{if（element.value=''）element.value=element.defaultValue；}

---

注意：在JavaScript中，函数以小写字母开头是惯例。

是的，我已经尝试过了，但如果保留为空，则没有弹出默认值：-）。无论如何谢谢你！非常感谢您的快速响应，您能更详细地解释一下“将事件处理程序提取到外部函数”吗？我以前从未使用过javascript（尝试学习PHP）。我想我需要一个函数而不是脚本，因为我将只在一个页面上使用它。然后我在单击输入/文本区域时调用该函数，对吗？再次感谢。编辑：顺便说一句，它很有魅力！

<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)">