数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法律研究HTML DOM Input 密码输入框 placeholder 属性
HTML DOM Input 密码输入框 placeholder 属性用于设置或返回 input 密码字段的 placeholder 属性值。placeholder 属性用于通过在用户输入任何内容之前在输入字段内显示文本，为网页用户提供有关输入元素的提示。默认情况下，placeholder 文本为灰色，并且与 value 属性不同，不会提交到表单。
语法
以下是语法：-
设置 placeholder 属性：-
passwordObject.placeholder = text
这里，text 表示 placeholder 文本，为用户指定有关密码字段的提示。
示例
让我们来看一个 input 密码输入框 placeholder 属性的示例：-
<!DOCTYPE html>
<html>
<body>
<h1>password placeholder property</h1>
Password: <input type="password" id="PASS1" 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("PASS1").placeholder = "Enter your password here..";
}
</script>
</body>
</html>输出
这将产生以下输出：-
点击“更改”按钮：-
在上面的示例中：-
我们首先创建了一个 id 为“PASS1”且 placeholder 属性值设置为“……”的 input 密码字段。
Password: <input type="password" id="PASS1" placeholder="....">
然后，我们创建了一个名为“更改”的按钮，当用户点击它时，将执行 changeHolder() 方法：-
<button onclick="changeHolder()">CHANGE</button>
changeHolder() 使用 getElementById() 方法获取类型为密码的 input 元素。然后，它将其 placeholder 属性值设置为“在此输入您的密码”，这会反映在密码字段中：-
function changeHolder() {
document.getElementById("PASS1").placeholder = "Enter your password here..";
}
更新于： 2019年8月22日
319 次查看
广告