HTML: <input> readonly 属性

由网友 大卫 发布 阅读 6

HTML: <input> readonly 属性

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

 HTML <input> 标签

在线示例

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

<!DOCTYPE html>
<html>
<head>
<title>HTML:<input> readonly 属性 - 大卫编程网(div.cn)</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: <input> required 属性 HTML: <input> name 属性