欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

html表单控件禁用属性:readonly VS disabled【转】

程序员文章站 2022-05-17 09:17:32
在html中有两种禁用表单提交的方法,他们分别是: 1.给控件标签加上readonly='readonly'属性 2.给控件标签加上disabled='disabled'属性 例如: 举例中的两个控件都是不可修改的。但是他们也有一些区别! 从字面意思我们可以知道,试用readonly属性的控件是"只 ......

在html中有两种禁用表单提交的方法,他们分别是: 
 
1.给控件标签加上readonly='readonly'属性 
2.给控件标签加上disabled='disabled'属性 
 
例如: 
 

<input type="text" value="" readonly="readonly" /> 
<input type="text" value="" disabled="disabled" />

 
举例中的两个控件都是不可修改的。但是他们也有一些区别! 
 
从字面意思我们可以知道,试用readonly属性的控件是"只读"的,而试用disabled是"被禁用"的。那么他们的区别是什么呢? 
 
只读的控件(使用了readonly属性的控件)是用户不可以用鼠标和键盘修改其值的,但是程序员可以用javascript来修改,当提交表单的时候这个控件的名和值会提交到服务器,也就是说对服务器是可见的。 
 
而被禁用的控件(使用了disabled属性的控件)不但用户不可以用鼠标和键盘修改,而且是对服务器不可见的,即提交表单的时候其名和值不会提交到服务器,当然,程序员也可以用javascript来修改其值。 
 
这就是他们的区别,知道了区别之后咱们就应该知道什么时候使用哪种方法了,切不可盲目!

 

文章转自: