HTML DOM 输入文本占位符属性


HTML DOM Input Text placeholder 属性用于设置或返回输入文本字段的 placeholder 属性值。placeholder 属性用于通过在用户输入任何内容之前在输入字段内显示文本,来为网页用户提供有关输入元素的提示。默认情况下占位符文本为灰色,并且与 value 属性不同,不会提交给表单。

语法

以下是语法 -

设置 placeholder 属性 -

textObject.placeholder = text

此处,text 表示指定用户关于文本字段提示的占位符文本。

范例

让我们看一个输入文本 placeholder 属性的示例 -

<!DOCTYPE html>
<html>
<body>
<h1>Input Text placeholder property</h1>
USERNAME: <input type="text" id="USR" placeholder="....">
<p>Change the placeholder text of the above field by clicking the below button</p>
<button onclick="changeHolder()">CHANGE</button>
<script>
   function changeHolder() {
      document.getElementById("USR").placeholder = "Enter your username here..";
   }
</script>
</body>
</html>

输出

这将产生以下输出 -

占位符已成功更改 -

更新于: 19-08-2019

238 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始
广告