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


Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下:

Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(readonly接受值更改可以回传,disable接受改但不回传数据)。

一般比较常用的情况是:

1、在某个表单中为用户预填了某个唯一识别代码,不允许用户改动,但是在提交时需要传递该值,此时应该将它的属性设置为readonly 。

2、经常遇到当用户正式提交了表单后需要等待管理员的信息验证,这就不允许用户再更改表单中的数据,而是只能够查看,由于disabled的作用元素范围大,所以此时应该使用disabled,但同时应该注意的是要将submit button也disabled掉,否则只要用户按了这个按钮,如果在数据库操作页面中没有做完整性检测的话,数据库中的值就会被清除。如果说在这种情况下用readonly来代替disabled的话,若表单中只有input(text / password)和textarea元素,那还是可以的,如果存在其他发元素,比如select,用户可以在重新改写值后按回车键进行提交(回车是默认的submit触发按键)

3、我们常常在用户按了提交按钮后,利用javascript将提交按钮disabled掉,这样可以防止网络条件比较差的环境下,用户反复点提交按钮导致数据冗余地存入数据库。

disabled和readonly这两个属性有一些共同之处,比如都设为true,则form属性将不能被编辑,往往在写js代码的时候容易混合使用这两个属性,其实他们之间是有一定区别的:

如果一个输入项的disabled设为true,则该表单输入项不能获取焦点,用户的所有操作(鼠标点击和键盘输入等)对该输入项都无效,最重要的一点是当提交表单时,这个表单输入项将不会被提交。

readonly只是针对文本输入框这类可以输入文本的输入项,如果设为true,用户只是不能编辑对应的文本,但是仍然可以聚焦焦点,并且在提交表单的时候,该输入项会作为form的一项提交。 

以上这篇浅谈html中input只读属性readonly和disable的区别就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持phpstudy。

原文地址:http://blog.csdn.net/playboyanta123/article/details/12682419#comments



相关阅读:
Win7系统提示“Windows无法连接到无线网络”的错误信息的解决方法
PHP 使用redis简单示例分享
Ubuntu下VirtualBox的vdi文件克隆方法
C++的头文件和实现文件详解
ASP.NET中TimeSpan的用法实例解析
Win10 最新预览版10061已发放 暂不支持升级
Android编程之SurfaceView实例详解
PHP使用pear实现mail发送功能 windows环境下配置pear
用JS动态改变表单form里的action值属性的两种方法
PHP实现自动对图片进行滚动显示的方法
Android Camera开发手电筒功能
Win10 10122预览版 更新内容大全
JavaScript显示表单内元素数量的方法
jquery 页面滚动到指定DIV实现代码
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 2010年上学期班主任工作总结 告别2015年展望2016年作文例文:迎接我的2016 丽江之夜 哲理名句摘抄(3) 我是不是该反省了350字作文 钓 鱼 霸王作文400字 谁让他们那么有钱?不是别人,正是他们自己 美丽的梯田 散落在网络的憾颜第一章-罂粟花 牵挂朋友的句子 希望你快乐每一天 小学五年级作文500字:目光——维拉斯的守望 入党申请书范本3000字 益智儿童诗:地球万岁 记者团学年度下学期工作计划 小学生一年级作文:时间不等人 宇宙生活作文700字 QQ说说:深情不及久伴,除了死亡,所有离开都是背叛 《瑞恩的井》读书笔记200字 敏捷的反义词 《设计的一般原则(二)》教学设计 2013元旦新年祝福语搞笑篇 望江南也谈钱 盘点10种内向人士的最佳工作 国学经典读后感作文300字 校园之晨_700字 我想去你所在的地方作文 西班牙留学怎么实习 我所敬畏的老师作文700字 杭州、黄山之旅 《围城》读后感 谁偷了毛衣 彼岸.有一种爱叫做守望作文200字 “感动心灵”话题作文导写及例文5篇点评 可怜亿万年前我们是一双鱼 用创新践行“三严三实” 家乡腊味 枫落之时 银行案件防控警示教育心得体会 找姐姐 被低俗打动 2016大学生党员12月思想汇报 小学生圣诞节作文:我的圣诞节礼物赛车 一亩塘,一山竹,一束溪作文500字 乡镇农村党建工作调查 刑警大队教导员2012年工作总结 正能量:沙粒和珍珠 2015当今农村基层党风廉政建设中存在的问题及对策 关爱多多 给领导的最佳圣诞祝福语大全

Copyright © 2016 phpStudy |