数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究HTML DOM 输入密码 readOnly 属性
HTML DOM 输入密码 readOnly 属性用于设置或返回输入密码字段是否为只读。readOnly 属性使元素不可编辑，但仍然可以通过 Tab 键或点击来聚焦。如果只读元素内有默认值，则在提交时将其发送到服务器。
语法
以下是语法：
设置 readOnly 属性：
passwordObject.readOnly = true|false
其中，true 表示密码字段为只读，false 表示相反。默认情况下，readOnly 属性设置为 false。
示例
让我们来看一个密码 readOnly 属性的示例：
<!DOCTYPE html>
<html>
<body>
<h1>password readOnly property</h1>
Password: <input type="password" id="PASS1" >
<p>Change the readOnly property of the above field by clicking the below button</p>
<button onclick="changeRead()">CHANGE</button>
<script>
function changeRead() {
document.getElementById("PASS1").readOnly = true;
}
</script>
</body>
</html>输出
这将产生以下输出：
点击“更改”按钮后，您将无法在输入密码框中键入内容。
在上面的示例中：
我们首先创建了一个 id 为“PASS1”的输入密码字段。
Password: <input type="password" id="PASS1">
然后我们创建了一个“更改”按钮，当用户点击它时将执行 changeRead() 方法。
<button onclick="changeRead()">CHANGE</button>
changeRead() 方法使用 getElementById() 方法获取类型为密码的输入元素。然后将其 readOnly 属性设置为 true。这意味着我们现在无法在密码字段中输入文本，但它仍然可以聚焦。点击提交按钮时，内部文本将发送到服务器。
function changeRead() {
document.getElementById("PASS1").readOnly = true;
}
更新于： 2019年8月22日
113 次浏览
广告