今天试了一下使input文本框不可编辑的3种方法,现在总结一下:

  1. disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 <input type="hidden"> 一起使用。
    示例:<input type="text" disabled="disabled" />

  2. readonly 属性规定输入字段为只读可复制,但是,用户可以使用Tab键切换到该字段,可选择,可以接收焦点,还可以选中或拷贝其文本。后台会接收到传值. readonly 属性可以防止用户对值进行修改。

    readonly 属性可与 <input type="text"> 或 <input type="password"> 配合使用。
    示例:<input type="text" readonly="readonly">

  3. readonly unselectable="on" 该属性跟disable类似,input 元素,不可编辑,不可复制,不可选择,不能接收焦点,设置后文字的颜色也会变成灰色,但是后台可以接收到传值。示例:<input type="text"  readonly  unselectable="on" >(还是菜鸟一枚,写的不对的地方欢迎指正!)

input 不允许编辑相关推荐

  1. jQuery代码设置input输入框 不可编辑的切换

    1.开启disabled,是input不可以编辑 $("#input_id").attr("disabled","disabled"); 2 ...

  2. html设置input输入框不可编辑

    在编辑网页,要设置input输入框不可编辑. 网上给了个参考答案,是设置输入框属性为disbale,样例如下: <input type="text" id="sam ...

  3. 让input变成不可编辑状态的方法

    有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使<input type="text" name="input1" value=&qu ...

  4. input框不可编辑的三种方法

    1.最常用的disabled. 被禁用的 input 元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值.设置后文字的颜色会变成灰色. EP:<input type=&quo ...

  5. 如何设置select,input只读不可编辑且值可传递

    今天实现一个需求的时候遇到这个问题,总结如下: 一.使input文本框不可编辑,我知道的有三种方法 1. disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不 ...

  6. 前端页面,input框禁用编辑的三种方法

    1.disabled 被禁用的 input 元素,*不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值.*设置后文字的颜色会变成灰色. <input type="text ...

  7. 设置input为不可编辑状态

    input的两个属性:disable,readonly disable不向后台传值 readonly向后台传值

  8. 设置input标签不可编辑

    <input type="text" placeholder="请输入" readonly="readonly" /> 设置了 ...

  9. 在html中文本框不可编辑状态,input框不可编辑_怎么让Html文本框不可编辑

    摘要 腾兴网为您分享:怎么让Html文本框不可编辑,中国知网,优品多多,优路教育,银万财富等软件知识,以及hackertyperneo,永久进销存软件,dnf女鬼剑武器补丁,锁机软件,hevc编码器, ...

最新文章

  1. 调参侠看过来!两个提高深度学习训练效率的绝技
  2. 学 Win32 汇编[12]: PTR、OFFSET、ADDR、THIS
  3. Unity3D shaderLab
  4. 大专计算机系毕业课题6000字,计算机理论论文6000字:高校科研.doc
  5. 数据中心扩张和产能计划
  6. 单例模式——Java
  7. python执行过程打印,如何在pytest运行过程中看到正常的打印输出?
  8. 利用属性观察器实现数据绑定
  9. 【Coursera】主成分分析
  10. 避免服务器成为肉鸡的应对措施
  11. PMP第六版5个过程组49个活动
  12. 毕设 JAVA.JSP酒店管理系统论文
  13. 数据结构算法——1006. 线性链表的插入与删除
  14. stm32 c语言运行速度,stm32F7,cache,tcm及运行速度问题
  15. Kafka集群的搭建与批量启停
  16. html代码简单的保护环境网页代码 学生环保主题网页制作代码 简单的垃圾分类网页制作作业 简单的环境保护网页制作源码
  17. 分享111个HTML娱乐休闲模板,总有一款适合您
  18. 软件工程专业期末项目开发全流程模拟日志(第一天)
  19. 前端学HTTP之web攻击技术
  20. 【React Native】深入理解Native与RN通信原理

热门文章

  1. 云技术平台赋能媒体融合发展创新
  2. vue引入/使用阿里矢量图库
  3. Matlab:贝塞尔高斯光束自由传输matlab仿真
  4. (IDM)史上最快的多线程下载工具,绿色稳定版
  5. 西门子博图指令(位逻辑运算指令一)
  6. matlab入门作业
  7. GIS状态检测新技术——振动分析法
  8. 如何实现HMI触摸屏远程上下载程序?
  9. 解决无法访问U盘打开提示拒绝访问的问题
  10. Java集合 - ConcurrentHashMap