<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月前
|
JavaScript 前端开发 数据库
input中的disabled 和 readonly的区别
input中的disabled 和 readonly的区别
206 0
|
8月前
|
Web App开发 前端开发 iOS开发
input中typedate的属性都有那些
input中typedate的属性都有那些
|
7月前
input的Checkbox(复选框)属性具体怎么使用
input的Checkbox(复选框)属性具体怎么使用
350 0
|
8月前
|
移动开发 自然语言处理 前端开发
input表单 type属性详解
input 元素可以用来生成一个供用户输入数据的简单文本框。 在默认的情况下, 什么样的数据均可以输入。而通过不同的type属性值,可以限制输入的内容。
174 1
|
前端开发
input去掉输入框type为number时的上下箭头的实现方法
input去掉输入框type为number时的上下箭头的实现方法
118 0
|
数据安全/隐私保护
input表单的23个type属性
input表单的23个type属性
238 0
disabled与readonly的区别
disabled与readonly的区别
72 0
|
Windows
el-input在ie浏览器下readonly属性出现光标
el-input在ie浏览器下readonly属性出现光标
213 0
动态添加input,然后获取所有的input框中的值
动态添加input,然后获取所有的input框中的值
|
Web App开发 JavaScript 数据安全/隐私保护
ie8下修改input的type属性报错
ie8下修改input的type属性报错