input readonly属性是一个布尔属性,如果存在,则指定输入字段为只读,设置readonly属性,以防止用户更改值,直到满足其他一些条件为止。
在线示例
带有只读输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> 标签