系统城

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

发布时间:2017-03-31 17:26:33    浏览数:308

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

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

相关教程: WPS怎么设置多个页眉页脚 几个步骤教你 PPT2021怎么设置文件保存格式 操作方法 CorelDRAW怎么制作暗角效果 友玩陪玩APP怎么入驻 快加入陪玩大家庭 WPS软件文字中表格如何排序_这里教给你

相关阅读

手机版   |   电脑版
Copyright @ 2011 系统城 版权声明 最新发布内容
fetch('https://api.xitongcheng.com/api/flow/model/article/category_id/143/model_id/32104/admin_id/0/type/0/domain/mip').then(function (res) {})