如何在开始输入后删除 HTML 输入框的默认文本

Posted 2023-04-18

【中文标题】如何在开始输入后删除 HTML 输入框的默认文本

【英文标题】：How do I make a HTML input box default text remove AFTER starting to type

【发布时间】：2012-09-07 04:15:12

【问题描述】：

假设我有一个输入框，其中包含默认文本“名称”。我希望用户单击该框，文本将保留在框中，直到用户开始键入。

我不是寻找在聚焦后清除输入框的代码。

谢谢！

【参考方案1】：

占位符属性

<input type="text" placeholder="Type your name">

【参考方案2】：

您尝试执行的操作取决于您所针对的浏览器版本。如果客户使用支持 html5 的浏览器，那么来自@alexndm 的答案将起作用。但是，如果您的目标受众群体有多个浏览器版本。

本文将展示如何以旧方式进行操作，即使用 javascript。 How do I get placeholder text in firefox and other browsers that don't support the html5 tag option?

注意：我链接的帖子的OP也有html5以备不时之需。