HTML中Readonly和Disabled的区别

原创 2012年03月29日 12:02:20
ReadOnly和Disabled的作用是使用户不能够更改表单域中的内容,但是二者还是有着一些区别的:
1、Readonly只针对input(text/password)和textarea有效,而disabled对于所有的表单元素有效,包括select,radio,checkbox,button等。
在表单元素使用了disabled后,我们将表单以POST或者GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去

常用情况:
1、在某个表单中为用户预填了某个唯一识别代码,不允许用户改动,但是在提交时需要传递该值,此时将属性设置为readonly
2、当用户正式提交了表单后需要等待管理员的信息验证,不允许用户再更改表单中的数据,而是只能够查看,由于disabled的作用元素范围大,所以此时应该使用disabled,但同时应该注意的是要将submit button也disabled掉,否则只要用户按了这个按钮,如果在数据库操作页面中没有做完整性检测的话,数据库中的值会被清除。
3、在用户按了提交按钮后,利用javascript将提交按钮disabled掉,可防止在网络条件比较差的环境下,用户反复点击提交按钮导致数据冗余地存入数据库

Html readonly与disabled的区别

readonly和disabled的作用是使用户不能够更改表单域中的内容,都可以防止用户键入. 1.dsiabled使文本框及字体变灰,readonly则不会. 2.readonly只对input...
  • maxracer
  • maxracer
  • 2011年08月31日 15:22
  • 3156

input标签中readonly和disabled的区别

代码块input标签中readonly和disabled的区别 功能描述:增加input标签,里面有默认值,而且用户不可修改默认值。 问题描述:将input标签设置了disabled属性,提交表单...
  • sinat_31250617
  • sinat_31250617
  • 2016年11月18日 15:38
  • 500

js中disabled和readonly的区别

js中disabled和readonly的区别 Title //disabled 灰掉 //disabled 写在标签里 ...
  • miachen520
  • miachen520
  • 2016年07月08日 18:45
  • 1224

html中input只读属性readonly 和 disable的区别

Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下:      Readonly只针对input(text / password...
  • playboyanta123
  • playboyanta123
  • 2013年10月13日 18:01
  • 26301

html运用(五) readonly 和 disable的区别

readonly和disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下: 一、不同点:     readonly只针对input(text /...
  • zengdeqing2012
  • zengdeqing2012
  • 2016年09月13日 09:56
  • 204

input标签的readonly属性和disabled属性的区别

原文地址:http://www.cnblogs.com/zcy_soft/archive/2011/09/19/2181211.html html input readonly 和 di...
  • sdfujichao
  • sdfujichao
  • 2016年08月03日 11:16
  • 1521

Jquery属性readonly和disabled区别

作用范围: Readonly只针对input(text/ password)和textarea有效, disabled对于所有的表单元素都有效,包括select,radio, checkbox,...
  • qq_25428769
  • qq_25428769
  • 2016年09月07日 15:33
  • 203

disabled 与 readonly的区别(禁止编辑)

disabled 与 readonly的几点异同 同: (1)它们都能让相应的元素节点变得不可编辑; (2)它们都是元素的直接属性而不是css属性,如:document.getElementById(...
  • chenqingmiaomiao
  • chenqingmiaomiao
  • 2013年12月17日 16:35
  • 799

readonly、disabled、display、visible的区别

css
  • u014012083
  • u014012083
  • 2015年05月04日 14:57
  • 693

关于JSP中disabled与readonly的区别

disabled与readonly共同点:都使用户不能修改表单中的内容。 readonly:编    号:" readonly="readonly"/>disabled:  编           ...
  • qq_37203683
  • qq_37203683
  • 2017年04月05日 21:04
  • 243
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML中Readonly和Disabled的区别
举报原因:
原因补充:

(最多只允许输入30个字)