如何设置 text 不可编辑? 下面本篇文章给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
设置 text 不可编辑的方法
方法 1: οnfοcus=this.blur() 当鼠标放不上就离开焦点
<input type="text" name="input1" value="()" onfocus=this.blur()>
方法 2: 使用 readonly 属性
- <html>
- <body>
- <form action="/example/html/form_action.asp" method="get">
- <p>Name:<input type="text" name="email" /></p>
- <p>Country:<input type="text" name="country" value="China" readonly="true" /></p>
- <input type="submit" value="Submit" />
- </form>
- </body>
- </HTML>
效果图:
方法 3: 使用 disabled 属性
通过 disabled 属性规定应该禁用 input 元素实现不可编辑
<input type="text" name="input1" value="()" disabled="true">
说明:
disabled 属性:
disabled 属性规定应该禁用 input 元素.
被禁用的 input 元素既不可用, 也不可点击. 可以设置 disabled 属性, 直到满足某些其他的条件为止 (比如选择了一个复选框等等). 然后, 就需要通过 JavaScript 来删除 disabled 值, 将 input 元素的值切换为可用.
readonly 属性:
readonly 属性规定输入字段为只读.
只读字段是不能修改的. 不过, 用户仍然可以使用 tab 键切换到该字段, 还可以选中或拷贝其文本.
readonly 属性可以防止用户对值进行修改, 直到满足某些条件为止 (比如选中了一个复选框). 然后, 需要使用 JavaScript 消除 readonly 值, 将输入字段切换到可编辑状态.
readonly 属性可与 <input type="text"> 或 <input type="password"> 配合使用.
更多 web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/css3/17192.html