王尘宇

win10系统下怎样让Html文本框不可编辑,win10系统下让Html文本框不可编辑的方法

   学习网页设计的朋友们，相信对Html并不陌生。不过，Html博大精深，因此有很多内容让网页设计人员很是困惑，最常见的就是怎么让Html文本框不可编辑？接下来，小编就以windows10系统为例，分享让Html文本框不可编辑的方法。

  解决思路：

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

  具体步骤：

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

  复制代码：

<input type="text" value="readonly" readonly>
<input type="text" value="readonly" readonly>

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

  复制代码：

<input type="text" value="disabled" disabled>
<input type="text" value="disabled" disabled>

  方法三：在对象focus时立刻让它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 模糊对象的内容以便使其看起来失去焦点。

  win10系统下让Html文本框不可编辑的方法就为大家介绍到这里了。方法总共有三种，第一、二种是替换属性，第三种是添加代码，小编觉得大家可以根据自己的需要选择一种方法。