作用范围不同
disabled属性可以用语所有的表单元素；readonly属性只对input（输入框）、textarea有效；
对元素的影响程度不同
disabled属性阻止对元素的一切 *** 作，例如获取焦点，点击事件等等；readonly属性只是将元素设置为只读，其他 *** 作正常；
表单提交
disabled属性可以让表单元素的值无法被提交；readonly属性则不影响提交问题；
模式该成编辑模式方法如：1、点击文件右击选择“属性”；在“常规”选项卡中查看是否被勾选的“只读”选项，如果是，取消即可。2、打开word文档，直接点击“审阅”中的“限制编辑”，选择“停止保护”，输入密码即可编辑。本教程 *** 作环境：windows7系统，Microsoft Office word2010版本，Dell G3电脑。
input 只读
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>form表单</title>
</head>
<body>
<!--form表单
input输入框
type定义input类型
name定义控件名称，必备属性
value定义控件的数据\值
size定义input宽度
readonly定义input为只读属性，只能看不能输入
required定义输入框为必填项，不填无法提交
select下拉框属性selected表示默认选中
form属性
name表单命名
method规定表单数据提交方式
get
post
action定义表单被提交时发生的动作，通常包含服务方脚本的URL，即指向服务器的文件路径，
enctype表单数据进行编码的方式，指定表单数据可以提交的类型
值一般为multipart/form-data
有此属性值form表单可以提交任何数据，没有则只能提交文本数据类型
-->
在设计网页时，有时需要将输入框设置为只读状态，即其中的内容不可编辑，实现这种设计的方法有两种：使用input的disable和readonly两个属性。
先来看下二者的区别：
<input type= "text " readonly= "true " value= "这是readonly的！ ">
<input type= "text " disabled= "true " value= "这是disabled的！ ">
可以看到，虽然两种都是让input的内容不能被用户编辑，但是对于后期的美工处理就有问题了！
例如：
<style>
input
{
color:blue
}
</style>
只有readonly的那个文本是蓝色的！
disabled是按系统设置的disabled颜色来设置前景色的，css对其无效！
另外，readonly和disabled还有一个不同点就是，当input属性为readonly时，提交表单是可以获得input的内容。
如果是disabled则不能获得所提交的内容，返回值全部为null，所以此处需要注意。
慎用readonly和disabled，指定了disabled的表单，在submit时，不会把它的值传出去。
例如，有两个text，一个是readonly一个是disabled，submit后，只能发送那个不是disabled的。
注意地址栏的值. 要保存到本地，因为submit了，不然，看不到效果。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）