HTML: <input> readonly 属性

input readonly属性是一个布尔属性,如果存在，则指定输入字段为只读,设置readonly属性，以防止用户更改值，直到满足其他一些条件为止。

在线示例

带有只读输input输入框的 HTML 表单：

示例

<!DOCTYPE html>
<html>
<head>
<title>HTML:<input> readonly 属性 - 菜鸟教程(cainiaojc.com)</title>
<body>
<form action="action_page.php">
  Email: <input type="text" name="email"><br>
  Country: <input type="text" name="country" value="Norway" readonly><br>
  <input type="submit" value="Submit">
</form>
</html>

测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 readonly 属性。

定义和用法

readonly属性是一个布尔属性。

如果存在，则指定输入字段为只读。

只读输入字段无法修改（但是，用户可以在其上进行制表，突出显示并从中复制文本）。

可以设置readonly属性，以防止用户更改值，直到满足其他一些条件（如选中复选框等）为止。然后，JavaScript可以删除只读值，并使输入字段可编辑。

注意：表单仍将提交只读的输入字段，但不会提交已禁用的输入字段！

HTML 4.01 与 HTML5之间的差异

没有。

HTML 与 XHTML 之间的差异

在 XHTML 中，禁止属性简写，readonly 属性必须定义为 <input readonly="readonly" />。

语法

<input readonly>

HTML <input> 标签

HTML: <template> 标签