雨林木风win10系统下怎样让Html文本框不可编辑

  学习网页设计的朋友们，相信对Html并不陌生。不过，Html博大精深，因此有很多内容让网页设计人员很是困惑，最常见的就是怎么让Html文本框不可编辑？接下来，雨林木风系统小编就以雨林木风win10系统为例，分享让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文本框不可编辑的方法就为大家介绍到这里了。方法总共有三种，第一、二种是替换属性，第三种是添加代码，雨林木风系统小编觉得大家可以根据自己的需要选择一种方法。

关于雨林木风win10系统下怎样让Html文本框不可编辑的解决方法就跟大家介绍到这边了，遇到这样问题的用户们可以参照上面的方法步骤来解决吧。好了，如果大家还想了解更多的资讯，那就赶紧点击雨林木风吧。 

 

本文来自雨林木风 www.ylmf888.com 如需转载请注明！