HTML中禁用表单控件的两种方法readonly与disabled

ttx9n · 发表于 2014-8-24 15:16:11

有时候我们会希望表单上的控件是不可修改的，比如在修改密码的网页中，显示用户名的文本框就应该是不可修改状态的，下面与大家分享下禁用表中控件的两种方法在网页的制作过程中，我们会经常使用到表单。但是有时候我们会希望表单上的控件是不可修改的，比如在修改密码的网页中，显示用户名的文本框就应该是不可修改状态的。

在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来修改其值。

这就是他们的区别，知道了区别之后咱们就应该知道什么时候使用哪种方法了，切不可盲目！

6hruhg · 发表于 2022-11-5 18:05:39

谢谢分享，先下来用用

i1efp6c · 发表于 2023-1-10 16:52:35

人都不在了啊啊

adm1n · 发表于 2023-11-11 11:52:21

很好，谢谢分享

dm00ji1s · 发表于 2023-11-26 19:07:04

的vgdsvsdvdsvdsvds

9jduu05 · 发表于 2024-6-25 16:04:22

我要金豆金豆金豆

81708585 · 发表于 2024-7-13 16:58:01

下载来瞧瞧

qq303604905 · 发表于 2024-7-14 13:51:01

1312315458748777

a75620618 · 发表于 2024-8-30 15:53:38

飞飞飞飞飞飞飞飞飞飞飞飞飞

leidie123a · 发表于 2024-9-5 02:48:04

看看看咋么

账号		自动登录	找回密码
密码			立即注册

[HTML/Xhtml] HTML中禁用表单控件的两种方法readonly与disabled

相关帖子