input文本框的readonly和disabled属性区别
本章节简单介绍一下标题中两个属性的主要区别,希望能够给需要的朋友带来帮助。
代码如下:
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
|
<!DOCTYPE html>
< html >
< head >
< meta charset = " utf-8" >
< meta name = "author" content = "http://www.softwhy.com/" />
< title >蚂蚁部落</ title >
< style type = "text/css" >
li{
list-style:none;
height:30px;
line-height:30px;
}
</ style >
</ head >
< body >
< ul >
< li >< input type = "text" value = "蚂蚁部落一" readonly/></ li >
< li >< input type = "text" value = "蚂蚁部落二" disabled/></ li >
</ ul >
</ body >
</ html >
|
以上代码就是设置了两种不同的属性,视觉上的不同一目了然,还有一个很重要的区别就是设置为只读的文本框value值可以被表单提交,但是设置为不可用的文本框value值是不可以被提交的。
原文发布时间为:2017-2-10
本文作者:admin
本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落
原文链接:<input>文本框的readonly和disabled属性区别
input文本框的readonly和disabled属性区别相关推荐
- php如何禁掉文本框输入,如何禁止input文本框输入
如何禁止input文本框输入 nput文本框用于接收用户输入的信息,我们有两种方法可以禁止input文本框,一种方法是使用readonly,另一种方法是使用disabled,但二者之间还是有区别的,请 ...
- HTML -- 使input文本框不可编辑的2种方法(有disabled属性的input框,后台获取不到值)
1. 使input文本框不可编辑的2种方法 今天在写JSP的时候我写了这样的代码 updateBook.jsp <form action="${pageContext.request. ...
- html中文本框的readonly属性和disabled属性的区别
最近公司新来的一个实习生在开发系统时对于文本框的readonly属性和disabled属性两者之间有什么不同一直搞不太清楚,其实这两个东西如果不去深究,简单的使用的话大部分情况下两者还是可以通用的,不 ...
- [html] 谈谈你对input元素中readonly和disabled属性的理解
[html] 谈谈你对input元素中readonly和disabled属性的理解 相同点:都会使文本框变成只读,不可编辑.不同点:1.disabled属性在将input文本框变成只读不可编辑的同时, ...
- jquery设置表单元素只读_jquery设置元素readonly与disabled属性
jquery api中提供了对元素应用disabled和readonly属性的方法. 1,jquery 设置readonly属性 例1, 复制代码 代码示例: $('input').attr(&quo ...
- readonly与disabled属性在css中区别
论readonly与disabled在css中区别 之前在项目中遇到的一个问题,现在想把它记录下来. 当项目需求上需要在文本框中禁用输入某个值的时候,我第一个反应是用了disabled,因为之前一直接 ...
- java 文本域不可编辑_实现表单input文本框不可编辑的三种方法
问题 有时,我们需要以不可编辑的模式显示表单域,那么如何实现?我们可以通过为表单字段(input文本框,标签,复选框,文本区域)设置以下方法来实现表单的不可编辑功能. 实现方式 1.οnfοcus=t ...
- 使input文本框不可编辑的3种方法
转自点击打开链接 今天试了一下使input文本框不可编辑的3种方法,现在总结一下: disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能 ...
- input文本框设置不可编辑方法和HTML5 新的 Input 类型
input文本框设置不可编辑的3种方法: disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值.设置后文字 ...
- php编辑框禁止输入,如何设置表单的input文本框不可编辑
设置表单input文本框不可编辑的方法:首先创建相应的代码文件:然后通过为表单字段设置为"οnfοcus=this.blur(),readonly.disabled"来实现不可编辑 ...
最新文章
- 13种老人不适合带孩子_这十三种老人不适宜带孩子,亲爹亲妈们慎重!
- python创建与遍历List二维列表
- 腾讯Blade Team胡珀:IoT时代,“白帽子”以网为剑捍卫安全
- php中关于empty()函数是否为真的判断
- bzoj 4393 Usaco Fruit Feast
- 国际C语言混乱代码大赛
- 大数据在智慧社区的作用有哪些
- 手贱拆笔记本清灰记录
- 增长黑客AB-Test系统(四)——AB-Test 最小样本量
- 高分二号、高分一号、资源三号卫星数据1A、2A级别有什么区别?
- 解决LinuxMINT上连接ChinaUnicom问题
- java使用ffmpeg对视频进行转码和分辨率转换
- vscode缓存清理
- ipad无法充电怎么办_ipad不能充电怎么办 6种办法快速解决
- Bochs源码分析 - 28:bochs开启x2apic与SMP编译说明
- ao能连接oracle吗,[转载]使用AO连接ORACLE数据库
- 对宇宙起源的一个现代猜想-重生而非诞生
- 微信好友头像全家福详细教程
- Oracle数据库学习(六):where条件查询及关键字使用
- 物联网技术概论:第7章