📌  相关文章
📜  HTML | DOM 输入编号 readOnly 属性(1)

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

HTML | DOM: 输入编号 readOnly 属性

简介

readOnly属性用于指定输入字段（input）是否只读，即是否允许用户修改输入内容。当 readOnly 属性被设置为 true 时，输入字段会被禁止修改，只能被用户选择和拷贝。当 readOnly 属性被设置为 false 或删除时，输入字段可以被用户修改。

语法
<input type="text" readOnly="readOnly">
属性值
  • true：输入字段只读，不允许用户修改输入内容。
  • false 或删除该属性：输入字段可以被用户修改。
实例

以下是一个设置 readOnly 属性的实例：

<!DOCTYPE html>
<html>
<body>

<form>
  <fieldset>
    <legend>个人信息</legend>
    名字：<input type="text" readOnly="readOnly"><br>
    年龄：<input type="text" readOnly="readOnly"><br>
    邮箱：<input type="text" readOnly="readOnly"><br>
  </fieldset>
</form>

</body>
</html>

以上实例中，人员的名字、年龄和邮箱都是只读的，不允许用户修改。

注意事项
  • readOnly 属性仅适用于 <input>、<textarea> 和 <select> 元素。
  • readOnly 属性可用于受保护数据的处理，以避免用户误操作而导致的风险。
  • readOnly 属性注意与 disabled 属性的区别：disabled 属性禁止提交并禁止用户交互，而 readOnly 属性只禁止用户修改并允许提交。