📜  HTML | DOM 输入密码 readOnly 属性(1)

📅  最后修改于: 2023-12-03 15:15:37.584000             🧑  作者: Mango

HTML | DOM 输入密码 readOnly 属性

简介

HTML | DOM 中的 readOnly 属性指定一个输入密码字段是否只读。

当指定了 readOnly 属性时,用户无法编辑输入密码字段中的文本内容。但是,用户仍然可以选择和复制输入密码字段中的文本,也可以选择和复制通过使用 Ctrl + C 或右键单击并选择 "复制" 而来的文本。

语法

在 HTML 中,readOnly 属性的语法如下所示:

<input type="password" readonly>

在 DOM 中,可以通过 JavaScript 来设置 readOnly 属性:

object.readOnly = true|false
属性值

readOnly 属性可以接受的值有两种:

  • true:指定输入密码字段只读。
  • false:默认值,指定输入密码字段可编辑。
示例

以下代码段演示如何在 HTML 中使用 readOnly 属性:

<!DOCTYPE html>
<html>
<body>

<label for="password">密码:</label>
<input type="password" id="password" readonly>

</body>
</html>

以下代码段演示如何在 JavaScript 中使用 readOnly 属性:

var passwordField = document.getElementById("password");
passwordField.readOnly = true;
注意事项
  • readOnly 属性只针对输入密码字段有效。
  • readOnly 属性在 IE 和 Chrome 中可用,但在 Firefox 中不可用。在 Firefox 中,可以通过设置 disabled 属性来实现类似的效果。