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

相关文章
|
4月前
|
数据安全/隐私保护
Input元素的type属性
【10月更文挑战第4天】Input元素的type属性。
43 6
|
4月前
|
JavaScript 前端开发 数据库
input中的disabled 和 readonly的区别
input中的disabled 和 readonly的区别
222 0
|
9月前
|
移动开发 自然语言处理 前端开发
input表单 type属性详解
input 元素可以用来生成一个供用户输入数据的简单文本框。 在默认的情况下, 什么样的数据均可以输入。而通过不同的type属性值,可以限制输入的内容。
184 1
|
前端开发
input去掉输入框type为number时的上下箭头的实现方法
input去掉输入框type为number时的上下箭头的实现方法
129 0
|
数据安全/隐私保护
input中常用的type属性与使用场景
input中常用的type属性与使用场景
78 0
|
数据安全/隐私保护
input表单的23个type属性
input表单的23个type属性
243 0
disabled与readonly的区别
disabled与readonly的区别
81 0
动态添加input,然后获取所有的input框中的值
动态添加input,然后获取所有的input框中的值
|
Web App开发 JavaScript 数据安全/隐私保护
ie8下修改input的type属性报错
ie8下修改input的type属性报错