问题

有时,我们需要以不可编辑的模式显示表单域,那么如何实现?我们可以通过为表单字段(input文本框,标签,复选框,文本区域)设置以下方法来实现表单的不可编辑功能。

实现方式

1、οnfοcus=this.blur()

可以看出,表单input文本框无法被点击,不可进行编辑了;里面的文字也无法选择。

2、readonly属性

可以看出,表单input文本框无法被点击,不可进行编辑了。

3、disabled 属性

注意

我们不能为所有表单字段或元素设置readonly属性。,和元素没有readonly属性,但它们具有disabled属性,可以通过设置disabled属性来实现不可编辑功能。

readonly属性和disabled 属性的区别

readonly属性和disabled 属性都是表单字段(文本框,标签,复选框,文本区域)的不可编辑属性,下面我们来看看它们的区别

disabled 属性----禁用属性

1、禁用的表单字段或元素值不会发布到服务器进行处理。

2、禁用的表单字段或元素不会获得焦点。

3、选项卡导航时会跳过已禁用的表单字段或元素。

4、某些浏览器(如IE)为禁用的表单字段或元素提供默认样式(灰色或浮雕文本)。

readonly属性----只读属性

1、字段或元素的值以只读形式来发布到服务器进行处理。

2、只读表单字段或元素可以获得焦点。

3、选项卡导航时包含只读表单字段或元素。

4、某些浏览器不为只读表单字段或元素提供默认样式。

java 文本域不可编辑_实现表单input文本框不可编辑的三种方法相关推荐

  1. oracle数据迁移过程中,把表中数据导出为txt文件的三种方法

    在数据迁过程中需求需要将oracle数据库数据导出程txt格式然后再导入db2库中,经查询实验汇总三种方法: 1.plsqldev 里面有一个选项可以把表以excel格式到时 2.使用spool sq ...

  2. java中doc文件转为pdf文件_java将doc文件转换为pdf文件的三种方法

    标签: http://feifei.im/archives/93 ---------------------------------------------- 项目要用到doc转pdf的功能,一番go ...

  3. java url 传值乱码问题_解决URL传递中文时出现乱码问题(三种解决方法)

    一.问题场景 一般在使用下面几种使用场景情况下,传递参数为中文时,接收得到的值都有可能乱码,具体如下: 1.直接在浏览器使用url地址访问 2.页面提交form表单时,method设置为GET 3.使 ...

  4. ps添加的阴影怎么去除_【PS摄影后期教程】去除阴影色块三种方法

    点击蓝字关注这个神奇的公众号- 如何去除面部阴影色块 后期时模特面部有不均匀阴影色块 相信这个问题小伙伴们肯定都遇到过 不管是光的原因还是技术的问题 都是无可避免的 阴影有时候能帮助你调整视觉重心 或 ...

  5. iphone新旧手机数据传输已取消_如何取消iPhone手机App自动扣费?三种方法让你不再被“偷”...

    一直以来苹果手机App这个自动续费真是让大家不胜其烦,钱虽然不多可总是平白无故这里十块,那里二十块的被扣也是不小的浪费,日常生活中为了追追剧.听听音乐.玩玩游戏难免会开通一些App会员而选择自动续费的 ...

  6. canvas 判断哪个元素被点击_监听 Canvas 内部元素点击事件的三种方法

    canvas内部元素不能像DOM元素一样方便的添加交互事件监听,因为canvas内不存在"元素"这个概念,他们仅仅是canvas绘制出来的图形.这对于交互开发来说是一个必经障碍,想 ...

  7. cad画直角命令_在cad中怎么画角度?cad画角度三种方法介绍

    cad是应用最广泛的计算机辅助设计软件,学会使用cad怎么画角度是必不可少的,尤其是对于新手来说,更应该学习.那么在cad中怎么画角度?下面小编就为大家介绍三种cad画角度方法,希望对大家有所帮助! ...

  8. excel单元格斜线_做个高级表格,绘制斜线表头的三种方法,看你可以学会几种?...

    工作中做表格经常会遇到需要绘制斜线表头的时候,今天我们具体说下斜线表头的绘制方法 先看下效果图 绘制斜线表头方法一 1. 选中单元格-------插入------形状-----直线-----在单元格里 ...

  9. java 不知道类名_Java 中获取类名的三种方法,你知道几种?

    之前我们分享过Java高级篇--深入浅出Java类加载机制这篇文章,今天来带你了解获取类名的三种方法. 获取类名的方法 Java 中获取类名的方式主要有以下三种. getName() 返回的是虚拟机里 ...

最新文章

  1. 【怎样写代码】偷窥高手 -- 反射技术(六):深入窥视DLL内部
  2. HDU5934(强连通分量)
  3. Nginx配置文件详细说明
  4. 如何给英特尔致命一击——高通公布10纳米ARM服务器芯片
  5. 配置EIGRP默认路由
  6. 1869. 哪种连续子字符串更长
  7. 意外地调用了方法或属性访问
  8. pairs(HDU-5178)
  9. poj 1039 Pipe (判断 直线和 线段 是否相交 并 求交点)
  10. 六个问题让你更懂 React Fiber
  11. PAT 1086 Tree Traversals Again
  12. 20155332 缓冲区溢出漏洞实验
  13. Day001 20210206
  14. msvcr71.dll 等相关DLL文件类型缺失下载
  15. win7计算机不支持此接口,Win7 "explorer.exe 不支持此接口"问题
  16. Ubuntu 实时网速查看命令
  17. Python爬取第一电影天堂最新电影(5000多部)代码实例(一)
  18. 计算机网络: IP地址,子网掩码,网段表示法,默认网关,DNS服务器详解
  19. 《等着我吧,我会回来》 苏·西蒙诺夫
  20. python 面试题

热门文章

  1. RhythmBox使用体验
  2. python解决系列问题:AttributeError: module ‘tensorflow‘ has no attribute ‘AUTO_REUSE‘、‘get_variable‘等等
  3. magento bug|美国时间冬令时夏令时变更导致后台订单统计出现异常
  4. [清华集训D1T1][Bzoj 3811][思维+线性基]玛里苟斯
  5. 滴滴出行与上海交通大学共建联合实验室,加速产学研合作进程
  6. 致频繁跳槽的年轻人:一份工作做多久合适?
  7. MAC地址和IP地址的区别,联系和应用范围
  8. 北大方正与火星人的恩怨
  9. 暑假N天乐【比赛篇】 —— 2019牛客暑期多校训练营(第五场)
  10. 面向智能制造全价值链的精益数字孪生体