input readyonly disabled区别

怎样使input中的内容为只读，也就是说不让用户更改里面的内容。

 

<input type="text" name="input1" value="中国" />

<input type="text" name="input1" value="中国" readonly />

<input type="text" name="input1" value="中国" disabled />

最好不要用disabled,不然就无法取出里面的值了.

 

<input type="text" name="input1" value="中国" readonly="true" />

<input type="text" name="input1" value="中国" readonly />

区别：

1.disabled  --  完全不可编辑，并且是不能复制的。

2.readonly   --  不可编辑，但是是可以复制。

3.Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。

4.表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去

 

同点：

使input不可编辑。



 

1.readonly
 　　$('input').attr("readonly","readonly")//将input元素设置为readonly
 　　$('input').removeAttr("readonly");//去除input元素的readonly属性
 
 　　if($('input').attr("readonly")==true)//判断input元素是否已经设置了readonly属性

 

 　　对于为元素设置readonly属性和取消readonly属性的方法还有如下两种：
 　　$('input').attr("readonly",true)//将input元素设置为readonly
 　　$('input').attr("readonly",false)//去除input元素的readonly属性

 

 　　$('input').attr("readonly","readonly")//将input元素设置为readonly
 　　$('input').attr("readonly","")//去除input元素的readonly属性

 2.disabled

　　 $('input').attr("disabled","disabled")//将input元素设置为disabled
 　　$('input').removeAttr("disabled");//去除input元素的disabled属性
 
 　　if($('input').attr("disabled")==true)//判断input元素是否已经设置了disabled属性

 

　　对于为元素设置disabled属性和取消disabled属性的方法还有如下两种：
 　　$('input').attr("disabled",true)//将input元素设置为disabled
 　　$('input').attr("disabled",false)//去除input元素的disabled属性

 

 

　　$('input').attr("disabled","disabled")//将input元素设置为disabled
 　　$('input').attr("disabled","")//去除input元素的disabled属性

document.getElementById("removeButton").disabled = false;//普通Js写法 
$("#removeButton").removeAttr("disabled");//要变成Enable，JQuery只能这么写 
$("#removeButton").attr("disabled","disabled");//再改成disabled