首页 > HTML5/CSS3

input文本框的readonly和disabled属性区别

发表于2015-07-17 16:48:57| --次阅读| 来源webkfa| 作者html5,css3

摘要:文本框的readonly和disabled属性区别:本章节简单介绍一下标题中两个属性的主要区别,希望能够给需要的朋友带来帮助。代码如下:蚂蚁部落 以上代码就是设置了两种不同的属性,视觉上的不同一目了然,还有一个很重要的区别就是设置为只读的文本框value值可以被表单提交,但是设置为不可用的文本...

<input>文本框的readonly和disabled属性区别:

本章节简单介绍一下标题中两个属性的主要区别,希望能够给需要的朋友带来帮助。

代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<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值是不可以被提交的

最为原始地址是:http://www.softwhy.com

相关文章

猜你喜欢

学到老在线代码浏览器 关闭浏览
友情链接: hao123 360导航 搜狗网址导航 114啦网址导航 博客大全
Copyright © 1999-2014, WEBKFA.COM, All Rights Reserved  京ICP备14034497号-1