学习网页设计的朋友们,相信对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文本框不可编辑的方法就为大家介绍到这里了。方法总共有三种,第一、二种是替换属性,第三种是添加代码,小编觉得大家可以根据自己的需要选择一种方法。
相关阅读
Win10 UWP版《HTML编辑器》下载,用户界面更友好
windowsxp系统下怎样美化word文本框
怎样快速打开Win10系统下注册表编辑器?【图文教程】
win10下怎么让Html文件关联IE浏览器?win10下让Html文件关联IE浏览器的方法
win7系统下word2007怎么编辑艺术字让文档更美观
win10系统怎么编辑pdf文件|win10系统编辑pdf文件的方法
WindowsXP系统下怎样查看和编辑启动配置文件
windows10系统下怎样使用ACDSee编辑图片
Win10系统下pdf文件无法编辑怎么办
win10系统打不开html文件怎么办|win10系统打不开html文件的解决方法
windowsxp系统下怎样编辑游戏场景音效
XP系统下怎样给Word插入透明文本框
win10系统怎么编辑加密pdf win10系统编辑加密pdf文件的方法
电脑中怎样使用Pages编辑文本
Win7系统在Word文档中编辑边框和底纹的方法
windows10系统怎样打开html文件
xp系统下怎样让excel表格边框外变成全白
Win10系统下怎样让休眠文件瘦身
windowsxp系统下怎样使用ps快速蒙版编辑模式
电脑自启动软件怎么关 win10禁止电脑软件自启动的方法