怎么让Html文本框不可编辑?-游戏攻略-霍普软件下载网

网站首页   软件下载   游戏下载   翻译软件   电子书下载   电影下载   电视剧下载   教程攻略   音乐专区

请输入您要查询的教程攻略:

霍普软件下载网-旗舰软件下载站,将绿色免费商业版破解软件、共享软件、游戏、电影、电视剧一网打尽!

文章 怎么让Html文本框不可编辑?
分类 教程攻略
语言 zh-CN
大小
版本
下载 暂无下载
介绍     
    Html对于学习网页设计的人员来说是非常熟悉,因此他们常常要接触到,不过Html博大精深,因此有很多内容让网页设计人员还是很迷茫,最常见的就是怎44. 我失去过感情,也知道爱如覆水,去了难收。所以只有把这种忧伤交付给时间去化解,相信爱情走就是走了,而不强加挽留。么让Html文本框不可编辑?其实这个问题很简单,如果你不会的话,那就赶紧看看小编整理的让Html文本框不可编辑的方法吧!
    怎么让Html文本框不可编辑?
    解决思路:
    在文本框的内容只作于演示而不允许用户随意修改时这样做就非常有必要。
    具体步骤:
    方法一:设置readonly属性为true。
    Html代码
    
    01<input type="text" value="readonly" readonly>02<input type="text" value="readonly" readonly>
复制代码
<input type="text" value="readonly" readonly><input type="text" value="readonly" readonly>
    方法二:设置disabled属性为true。
    Html代码
    
    01<input type="text" value="disabled" disabled>02<input type="text" value="disabled" disabled>
复制代码
<input type="text" value="disabled" disabled><input type="text" value="disabled" disabled>
    方法三:在对象focus时立刻让它blur,使它无法获得焦点。
    Html代码
    
    01<input type="text" value="onfocus=this.blur()" onfocus="this.blur()">02<input type="text" value="onfocus=this.blur()" onfocus="this.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 模糊对象的内容以便使其看起来失去焦点。
    以上就是怎么让Html文本框不可编辑的方法了,方法有三种,第一、二种是替换属性,第三种是添加代码,小编觉得大家可以根据自己的需要选择一种方法。
    
截图
随便看

免责声明
本网站所展示的内容均来源于互联网,本站自身不存储、不制作、不上传任何内容,仅对网络上已公开的信息进行整理与展示。
本站不对所转载内容的真实性、完整性和合法性负责,所有内容仅供学习与参考使用。
若您认为本站展示的内容可能存在侵权或违规情形,请您提供相关权属证明与联系方式,我们将在收到有效通知后第一时间予以删除或屏蔽。
本网站对因使用或依赖本站信息所造成的任何直接或间接损失概不承担责任。联系邮箱:101bt@pm.me