Html Input disabled属性

input的disabled：

<input type="text" name="name" placeholder="请输入名称"  disabled="disabled" />

加上了 disabled，有几点注意：

1　　ajax ： from表单提交的时候，被定义的 disabled 的属性,不能够传值给后台！

2　　使用tab键时将被跳过

3　　可能不是successful的

 

input的readonly：

如果想要得到该值，可以改成

readonly = "readonly"

加上了 readonly，有几点注意：

 

1　　可以接收焦点但不能被修改 

 

2　　可以使用tab键进行导航 

 

3　　可能是successful的

 

两个属性在效果和使用上的区别：

1　　readonly是要锁定这个控件，通过在界面上无法修改他（但是通过javascript可以修改他）。

 

2　　disabled的更彻底一些，他是要使你完全不能使用他，包括改变他的样式

 

3　　所有控件都有disabled 属性，但是不一定有readonly属性，如select 下拉框。

 

4　　说明：点击被readonly掉的按钮照样可以触发事件，但是被disabled掉的按钮就直接失效了

转载于:https://www.cnblogs.com/mxdmg/p/9724630.html