当前位置：系统之家 > 系统教程 > 怎么让Html文本框不可编辑？

怎么让Html文本框不可编辑？

时间：2017-03-20 14:53:59 作者：zhiwei 来源：系统之家 1. 扫描二维码随时看资讯 2. 请使用手机浏览器访问： https://m.xitongzhijia.net/xtjc/20170320/94248.html 手机查看评论反馈

　　Html对于学习网页设计的人员来说是非常熟悉，因此他们常常要接触到，不过Html博大精深，因此有很多内容让网页设计人员还是很迷茫，最常见的就是怎么让Html文本框不可编辑？其实这个问题很简单，如果你不会的话，那就赶紧看看小编整理的让Html文本框不可编辑的方法吧！

怎么让Html文本框不可编辑？

　　解决思路：

　　在文本框的内容只作于演示而不允许用户随意修改时这样做就非常有必要。

　　具体步骤：

　　方法一：设置readonly属性为true。

　　Html代码

01<input type="text" value="readonly" readonly>
02<input type="text" value="readonly" readonly>
复制代码
<input type="text" value="readonly" readonly>
<input type="text" value="readonly" readonly>

　　方法二：设置disabled属性为true。

　　Html代码

01<input type="text" value="disabled" disabled>
02<input type="text" value="disabled" disabled>
复制代码
<input type="text" value="disabled" disabled>
<input type="text" value="disabled" disabled>

　　方法三：在对象focus时立刻让它blur，使它无法获得焦点。

　　Html代码

01<input type="text" value="onfocus=this.blur()" onfocus="this.blur()">
02<input type="text" value="onfocus=this.blur()" onfocus="this.blur()">
复制代码
<input type="text" value="onfocus=this.blur()" onfocus="this.blur()">
<input type="text" value="onfocus=this.blur()" onfocus="this.blur()">

　　温馨提示：

　　readonly和disabled的区别在于后者完全禁止与设置该属性的对象交互（表现为不可改写、不可提交等），readonly是可以提交的。

　　代码单词解释：

　　1、onfocus 当对象获得焦点时触发。

　　2、focus 使对象得到焦点。

　　3、onblur 在对象失去输入焦点时触发。

　　4、blur 模糊对象的内容以便使其看起来失去焦点。

　　以上就是怎么让Html文本框不可编辑的方法了，方法有三种，第一、二种是替换属性，第三种是添加代码，小编觉得大家可以根据自己的需要选择一种方法。