如何使 input 文本框不可编辑? 下面本篇文章就来给大家介绍一下使 input 文本框不可编辑的几种方法, 希望对大家有所帮助.
方法 1: 使用 disabled 属性
disabled 属性规定应该禁用 input 元素, 被禁用的 input 元素, 不可编辑, 不可复制, 不可选择, 不能接收焦点, 后台也不会接收到传值. 设置后文字的颜色会变成灰色.
注: disabled 属性无法与 <input type="hidden"> 一起使用.
示例:
- 可 & nbsp; 编 & nbsp; 辑:<input type="text"/><br /><br />
- 不可编辑:<input type="text" disabled="disabled"/>
效果图:
方法 2: 使用 readonly 属性
readonly 属性规定输入字段为只读可复制, 不可进行编辑. 但是, 用户可以使用 Tab 键切换到该字段; 可选择, 可以接收焦点, 还可以选中或拷贝其文本. 后台会接收到传值.
说明: readonly 属性可以防止用户对值进行修改.
readonly 属性可与 <input type="text"> 或 <input type="password"> 配合使用.
示例:
- 可 & nbsp; 编 & nbsp; 辑:<input type="text"/><br /><br />
- 不可编辑:<input type="text" readonly="readonly">
效果图:
注意:
我们不能为所有表单字段或元素设置 readonly 属性.<select>,<option > 和 < button > 元素没有 readonly 属性, 但它们具有 disabled 属性, 可以通过设置 disabled 属性来实现不可编辑功能.
来源: http://www.css88.com/qa/html5/11026.html