让表单input等文本框为只读不可编辑的方法
一、disabled 属性
二、readonly 属性
三、readonly unselectable="on" 属性
一、disabled 属性
- disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。
- disabled 属性无法与 <input type="hidden"> 一起使用。
- 示例:<input type="text" disabled="disabled" />
二、readonly 属性
- readonly 属性规定输入字段为只读可复制,但是,用户可以使用Tab键切换到该字段,可选择,可以接收焦点,还可以选中或拷贝其文本。后台会接收到传值. readonly 属性可以防止用户对值进行修改。
- readonly 属性可与 <input type="text"> 或 <input type="password"> 配合使用。
- 示例:<input type="text" readonly="readonly">
三、readonly unselectable="on" 属性
- readonly unselectable="on" 该属性跟disable类似,input 元素,不可编辑,不可复制,不可选择,不能接收焦点,设置后文字的颜色也会变成灰色,但是后台可以接收到传值。
- 示例:<input type="text" readonly unselectable="on" >
让表单input等文本框为只读不可编辑的方法相关推荐
- html如何让左右字段不能编辑,HTML中让表单input等文本框为只读不可编辑的方法...
有时候,咱们但愿表单中的文本框是只读的,让用户不能修改其中的信息,css 如使input text的内容,中国两个字不能够修改有时候,咱们但愿表单中的文本框是只读的,让用户不能修改其中的信息,html ...
- HTML中让表单input等文本框为只读不可编辑的方法
方法1: οnfοcus=this.blur() 当鼠标放不上就离开焦点 [html] view plain copy <input type="text" name=&qu ...
- java 文本框只读_处理表单使input等文本框为只读不可编辑的方法
方法1: οnfοcus=this.blur() 方法2:readonly 方法3: disabled Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容.但是它们之间有着 ...
- html在表中加入输入框,HTML表单和输入文本框
HTML 表单用于收集用户输入的各类信息. 1)例子 文本域 这个例子演示了如何在一个 HTML 页中创建文本域.用户可以在文本域中输入文本. 密码框 这个例子演示了如何在 HTML 页中创建密码输入 ...
- 【实习小tip】多层dialog弹窗遮罩问题、elementUI的form表单组件的select框在只读的情况下没办法拿到传来的数据、从弹窗子组件获取数据后需要刷新页面
解决elementui多层dialog弹窗遮罩问题 弹窗套娃出现了整个屏幕都是遮罩层的问题,需要鼠标点击一下才能正常. 在弹窗组件代码上加上 append-to-body 就可以了,表示这个弹窗是嵌在 ...
- web前端入门学习 css(7)css高级技巧 (精灵图、字体图标、css三角、鼠标样式、表单轮廓线、文本框拖拽、垂直对齐、图底空白缝隙、margin负值、溢出文字省略号、文字环绕、css初始化)
文章目录 精灵图 为什么需要精灵图? 精灵图的使用 精灵图课堂案例 用精灵图拼出自己的名字 字体图标 字体图标的下载 字体图标的引入 字体图标的追加 css三角(用边框border制作) 案例:京东三 ...
- html表单输入的文本框的值,网页设计关于表单输入框的技巧代码
虽然现在有许多网页制作工具能让您轻松地完成工作,但如果使用HTML则可以得到更大控制权,下面介绍几个小技巧. 1.使用, 2018-04-14 网页表格表框制作技巧. ---------------- ...
- 上传照片表单提交包括文本框下拉条等,如何取文本框的值
一个照片上传让刚从ruby转作java的我,在三个月内上传服务器用三种方法写过,上传数据库用几种方法也写过,小白想说,我容易么........ formList = upload.parseReque ...
- 表单控件 文本框 title overall type: UNKNOWN_TYPE server type: NO_SERVER_DATA
表单控件 title 会 自动添加信息如下: overall type: UNKNOWN_TYPE server type: NO_SERVER_DATA heuristic type ...
最新文章
- html怎么设置只显示一行,如何利用CSS控制文本只在一行显示(不换行)
- Valve className=org.apache.catalina.valves.AccessLogValve directory=logs prefix=localhost_acce
- linux 关中断 调度,关中断是否禁止任务调度?关中断能作为互斥吗?
- 【网络安全工程师面试合集】— 渗透资源 操作系统大合集
- 内存分配-堆-栈-静态区
- node.js源码安装
- php怎么求阶乘_php递归函数求阶乘
- [UE4]IES光源概述文件
- 动态yumbo的gif制作
- Linux系统(三)系统基础扫盲大全
- java实现计算器_java高级计算器的实现
- 动手学习深度学习——Pytorch版教程系列汇总(长期更新版)
- 谷歌三大核心技术:from--http://blog.csdn.net/together_cz/article/details/66969003
- 关于Android Framework渲染机制,你需要学习哪些?
- CHROME源码剖析 上《转》
- 啊哈添柴挑战Java1016. 反向输出一个三位数
- 树莓派4B之超声波传感器模块(python3)
- std::vector概述
- 论文写作课程内容总结
- 如何打新股|打新股流程