文本框的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属性区别

上一篇:基于Vue.js PC桌面端弹出框组件|vue自定义弹层组件|vue模态框


下一篇:关于链表所有操作,面试必考C++