win10系统下怎样让Html文本框不可编辑

Windows 10是美国微软公司研发的跨平台及设备应用的操作系统。是微软发布的最后一个独立Windows版本。Windows 10共有7个发行版本，分别面向不同用户和设备。2014年10月1日，微软在旧金山召开新品发布会，对外展示了新一代Windows操作系统，将它命名为“Windows 10”，新系统的名称跳过了这个数字“9”。截止至2018年3月7日，Windows 10正式版已更新至秋季创意者10.0.16299.309版本，预览版已更新至春季创意者10.0.17120版本

  学习网页设计的朋友们，相信对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文本框不可编辑的方法就为大家介绍到这里了。方法总共有三种，第一、二种是替换属性，第三种是添加代码，小编觉得大家可以根据自己的需要选择一种方法。

Windows 10系统成为了智能手机、PC、平板、Xbox One、物联网和其他各种办公设备的心脏，使设备之间提供无缝的操作体验。