Rumah > hujung hadapan web > html tutorial > HTML中禁用表单控件有几种方法

HTML中禁用表单控件有几种方法

php中世界最好的语言
Lepaskan: 2018-02-01 09:46:23
asal
3703 orang telah melayarinya

这次给大家带来HTML中禁用表单控件有几种方法,HTML中禁用表单控件的注意事项有哪些,下面就是实战案例,一起来看一下。

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

1.给控件标签加上readonly='readonly'属性 
2.给控件标签加上disabled='disabled'属性
Salin selepas log masuk

举例:

<input type="text" value="只读的" readonly="readonly" /> 
<input type="text" value="不可用的" disabled="disabled" />
Salin selepas log masuk

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

相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

怎样设置超链接的宽度和高度

html怎样用style添加属性示例

css3中的渐进增强和优雅降级如何使用

Atas ialah kandungan terperinci HTML中禁用表单控件有几种方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan