<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属性区别

相关文章
|
3月前
|
Web App开发 前端开发 iOS开发
input中typedate的属性都有那些
input中typedate的属性都有那些
|
6月前
|
数据安全/隐私保护
input表单的23个type属性
input表单的23个type属性
|
9月前
|
JavaScript 前端开发 数据安全/隐私保护
input的23种属性
input的23种属性
|
10月前
disabled与readonly的区别
disabled与readonly的区别
26 0
|
Windows
el-input在ie浏览器下readonly属性出现光标
el-input在ie浏览器下readonly属性出现光标
136 0
动态添加input,然后获取所有的input框中的值
动态添加input,然后获取所有的input框中的值
|
Web App开发 JavaScript 数据安全/隐私保护
ie8下修改input的type属性报错
ie8下修改input的type属性报错
|
JavaScript
使用 jQuery 查询属性不包含 disabled 的 input radio
使用 jQuery 查询属性不包含 disabled 的 input radio
使用 jQuery 查询属性不包含 disabled 的 input radio
fbh
|
Web App开发
input 属性placeholder 默认值颜色修改
input::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } input:-moz-placeholder { /* Mozilla...
fbh
1172 0