数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时装设计
法律研究HTML DOM 输入密码 name 属性
HTML DOM Input Password name 属性用于设置或返回密码输入域的 name 属性。在将表单数据提交到服务器后，name 属性有助于识别表单数据。JavaScript 还可以使用 name 属性来引用表单元素，以便稍后进行操作。
语法
以下为该属性的语法 −
设置 name 属性 −
passwordObject.name = name
其中，name 用于指定密码域的名称。
范例
我们来看一个 password name 属性的范例 −
<!DOCTYPE html>
<html>
<body>
<h1>Input Password name Property</h1>
Password: <input type="password" id="PASS" name="passW">
<p>Change the name of the password field by clicking the below button</p>
<button onclick="changeName()">CHANGE NAME</button>
<p id="Sample"></p>
<script>
function changeName() {
document.getElementById("PASS").name ="NEW_PASS" ;
document.getElementById("Sample").innerHTML = "Password field name is now NEW_PASS";
}
</script>
</body>
</html>输出
此范例将产生以下输出 −
单击更改名称按钮 −
在上述范例中 −
我们首先创建了一个 id 为“PASS”的输入密码域，并将其 name 属性值设置为“passW”−
Password: <input type="password" id="PASS" maxLength=”5”>
然后，我们创建了一个更改名称按钮，当用户单击该按钮时，该按钮将执行 changeName() −
<button type="button" onclick="changeName()">CHANGE NAME</button>
changeName() 方法使用 getElementById() 方法获取类型为密码的输入域，并将其 name 属性设置为“NEW_PASS”。然后，我们通过使用其 innerHTML 属性在 id 为“Sample”的段落中显示一条消息，来展示这种更改 −
function changeName() {
document.getElementById("PASS").name ="NEW_PASS" ;
document.getElementById("Sample").innerHTML = "Password field name is now NEW_PASS";
}
更新时间：2021-02-19
92 个人浏览
广告