表单元素中readonly和disabled的区别

时间：2023-03-31 14:04:39 CSS

1.readonly和disabled的action元素的范围不同。disabled属性可以应用于所有表单元素。readonly属性只对、、和<inputtype="password">等输入表单元素有效。其次，readonly和disabled对元素的影响不同。readonly属性仅将元素设置为只读，这可以获得或失去焦点。disabled属性直接阻止对元素的所有操作。disabled属性阻止对元素的所有操作，例如获取焦点、单击事件等。readonly属性只是将元素设置为只读，其他操作正常。3、readonly和disabled对表单提交的影响不同。禁用form元素后，当我们通过POST或GET方式提交表单时，这个元素的值将不会被传递出去，而是readonly将值传递出去。（readonly接受值变化并可以返回，disable接受变化但不返回数据）disabled属性可以阻止表单元素的值被提交。readonly属性不影响问题的提交。摘要readonly属性指定输入字段是只读的。只读字段不能修改。但是，用户仍然可以跳转到该字段并选择或复制其文本。readonly属性阻止用户修改值，直到满足某些条件（例如选中复选框）。然后，需要使用JavaScript消除readonly值并将输入字段切换到可编辑状态。readonly属性可以与<inputtype="text">或<inputtype="password">一起使用。disabled属性指定应禁用输入元素。禁用的输入元素既不可用也不可点击。可以设置disabled属性，直到满足某些其他条件（例如选中复选框等）。然后，您需要通过JavaScript删除禁用的值，并将输入元素的值切换为可用。注意：disabled属性不能与<inputtype="hidden">一起使用。</p> </div> </div> <div class="zuowen_sxy"> <div class="prev">上一篇：<a title="蔡13（11.27）前端的爬坑之旅" href="/webqianduan/210135.html">蔡13（11.27）前端的爬坑之旅</a> </div> <div class="prev">下一篇：<a title="列举几个常用的CSS重置，你知道吗，normalize.css" href="/webqianduan/210137.html">列举几个常用的CSS重置，你知道吗，normalize.css</a> </div> </div> <div class="related_about"> <div class="related_about_t"><code>表单元素中readonly和disabled的区别相关文章</code></div> <ul> <li><a href="/kejifunen/370733.html" target="_blank" title="华米智能手表芯片的意义！北京君正M200 中国芯片崛起">华米智能手表芯片的意义！北京君正M200 中国芯片崛起</a></li> <li><a href="/kejifunen/370699.html" target="_blank" title="《2015上半年中国智能穿戴行业数据分析报告》用户行为分析">《2015上半年中国智能穿戴行业数据分析报告》用户行为分析</a></li> <li><a href="/kejifunen/370697.html" target="_blank" title="中国智能穿戴市场规模分析及前景预测">中国智能穿戴市场规模分析及前景预测</a></li> <li><a href="/kejifunen/370656.html" target="_blank" title="谷歌要“重返中国”！百度AI还能活下去吗？ ">谷歌要“重返中国”！百度AI还能活下去吗？ </a></li> <li><a href="/kejifunen/370645.html" target="_blank" title="2016中国智能穿戴市场半年报产品分析-趋势分析">2016中国智能穿戴市场半年报产品分析-趋势分析</a></li> <li><a href="/kejifunen/370644.html" target="_blank" title="超级好看！电池寿命更长！三星智能手表Galaxy Watch">超级好看！电池寿命更长！三星智能手表Galaxy Watch</a></li> <li><a href="/kejifunen/370641.html" target="_blank" title="苹果中国市场！从“中国”到“遇见程咬金”">苹果中国市场！从“中国”到“遇见程咬金”</a></li> <li><a href="/kejifunen/370596.html" target="_blank" title="来自箭牌卫浴的温暖与尊严！中秋节：人文">来自箭牌卫浴的温暖与尊严！中秋节：人文</a></li> <li><a href="/kejifunen/370584.html" target="_blank" title="OFweek 2016中国智能硬件行业年度评选现已开放报名">OFweek 2016中国智能硬件行业年度评选现已开放报名</a></li> <li><a href="/kejifunen/370553.html" target="_blank" title="2018年NBA中国赛圆满落幕， vivo将持续为全球用户创">2018年NBA中国赛圆满落幕， vivo将持续为全球用户创</a></li> <li><a href="/kejifunen/370471.html" target="_blank" title="走进英特尔中国研究院 Hero平台等6项成果首对外">走进英特尔中国研究院 Hero平台等6项成果首对外</a></li> <li><a href="/kejifunen/370465.html" target="_blank" title="苹果高管独家专访！苹果一直是领先者，从失败中学习是我们的本性">苹果高管独家专访！苹果一直是领先者，从失败中学习是我们的本性</a></li> <li><a href="/kejifunen/370456.html" target="_blank" title="AR和VR将如何重塑食品行业主要集中在三个方面">AR和VR将如何重塑食品行业主要集中在三个方面</a></li> <li><a href="/kejifunen/370452.html" target="_blank" title="开始拆箱Star.21，最美的星星手链！手中最亮的星星（多张">开始拆箱Star.21，最美的星星手链！手中最亮的星星（多张</a></li> <li><a href="/kejifunen/370419.html" target="_blank" title="9月22日文化中秋华为智能生活馆见">9月22日文化中秋华为智能生活馆见</a></li> <li><a href="/kejifunen/370412.html" target="_blank" title="陆奇要投资了！担任YC中国CEO，从零开始打造团队">陆奇要投资了！担任YC中国CEO，从零开始打造团队</a></li> <li><a href="/kejifunen/370356.html" target="_blank" title="小手表，大不同中国移动儿童手表C1体验">小手表，大不同中国移动儿童手表C1体验</a></li> <li><a href="/kejifunen/370350.html" target="_blank" title="解密Google Glass在工作中的八个应用场景">解密Google Glass在工作中的八个应用场景</a></li> <li><a href="/kejifunen/370326.html" target="_blank" title="在一篇文章中阅读 Microsoft 开发者大会， Holo">在一篇文章中阅读 Microsoft 开发者大会， Holo</a></li> <li><a href="/kejifunen/370306.html" target="_blank" title="重庆铁路中学六名高中生推出创意产品“佩戴式护眼灯” ">重庆铁路中学六名高中生推出创意产品“佩戴式护眼灯” </a></li> </ul> </div> </div> <div class="main-right"> <div class="right_fix"> <div class="r_con"> <div class="r_title">最新推荐</div> <ul> <li><em>1</em><a href="/kejifunen/371274.html" title="这款中国无线智能耳机在海外火爆！ " target="_blank">这款中国无线智能耳机在海外火爆！ </a></li> <li><em>2</em><a href="/kejifunen/371233.html" title="每秒400T中国刷新光纤传输世界纪录" target="_blank">每秒400T中国刷新光纤传输世界纪录</a></li> <li><em>3</em><a href="/kejifunen/371203.html" title="魅族官方微博提示！魅族悬浮音箱Gravity即将在中国上市" target="_blank">魅族官方微博提示！魅族悬浮音箱Gravity即将在中国上市</a></li> <li><em>4</em><a href="/kejifunen/371183.html" title="领域！在虚拟现实中玩游戏、锻炼身体" target="_blank">领域！在虚拟现实中玩游戏、锻炼身体</a></li> <li><em>5</em><a href="/kejifunen/371128.html" title="快速发展中国智能硬件行业概况与分析" target="_blank">快速发展中国智能硬件行业概况与分析</a></li> <li><em>6</em><a href="/kejifunen/371108.html" title="国内首家“虚拟现实内容研发中心”成立，乐视VR与北电在产学研" target="_blank">国内首家“虚拟现实内容研发中心”成立，乐视VR与北电在产学研</a></li> <li><em>7</em><a href="/kejifunen/371106.html" title="VR体验中心火爆，从密室逃脱到VR的“转变”你了解多少" target="_blank">VR体验中心火爆，从密室逃脱到VR的“转变”你了解多少</a></li> <li><em>8</em><a href="/kejifunen/371102.html" title="小米电视出货量中国第一，掌门人王川！不涨价！ " target="_blank">小米电视出货量中国第一，掌门人王川！不涨价！ </a></li> <li><em>9</em><a href="/kejifunen/371085.html" title="北京世联通科技有限公司参加OFweek 2018“维科杯”中" target="_blank">北京世联通科技有限公司参加OFweek 2018“维科杯”中</a></li> <li><em>10</em><a href="/kejifunen/371074.html" title="烽火连城！中国人工智能产业地图这样绘就" target="_blank">烽火连城！中国人工智能产业地图这样绘就</a></li> </ul> </div> <div class="r_con"> <div class="r_title">猜你喜欢</div> <ul class="you_like"> <li><em>1</em><a href="/kejifunen/371053.html" title="2018中国人工智能独角兽榜单揭晓！云从科技引领行业发展" target="_blank">2018中国人工智能独角兽榜单揭晓！云从科技引领行业发展</a></li> <li><em>2</em><a href="/kejifunen/371050.html" title="这10个新功能应该会加入到未来的Android Wear系统" target="_blank">这10个新功能应该会加入到未来的Android Wear系统</a></li> <li><em>3</em><a href="/kejifunen/371046.html" title="中兴VR体验评测，强大与三星Gear VR相似" target="_blank">中兴VR体验评测，强大与三星Gear VR相似</a></li> <li><em>4</em><a href="/kejifunen/371031.html" title="2015 OFweek中国可穿戴设备高峰论坛成功举办" target="_blank">2015 OFweek中国可穿戴设备高峰论坛成功举办</a></li> <li><em>5</em><a href="/kejifunen/371010.html" title="Jibo即将来到中国，这次是会说中文的可爱小神" target="_blank">Jibo即将来到中国，这次是会说中文的可爱小神</a></li> <li><em>6</em><a href="/kejifunen/371008.html" title="Apple Watch 拥有 8GB 内置存储空间，其中 2" target="_blank">Apple Watch 拥有 8GB 内置存储空间，其中 2</a></li> <li><em>7</em><a href="/kejifunen/371004.html" title="全国首个深度AR互动体验空间亮相市民中心，展现深圳创新风范" target="_blank">全国首个深度AR互动体验空间亮相市民中心，展现深圳创新风范</a></li> <li><em>8</em><a href="/kejifunen/370990.html" title="深脑链基金会参加OFweek 2018“维科杯”中国人工智能" target="_blank">深脑链基金会参加OFweek 2018“维科杯”中国人工智能</a></li> <li><em>9</em><a href="/kejifunen/370910.html" title="酷狗耳机VS望仙兔，中秋“定情信物”你更喜欢哪一款？ " target="_blank">酷狗耳机VS望仙兔，中秋“定情信物”你更喜欢哪一款？ </a></li> <li><em>10</em><a href="/kejifunen/370898.html" title="小川信息技术（上海）有限公司荣获OFweek人工智能大奖20" target="_blank">小川信息技术（上海）有限公司荣获OFweek人工智能大奖20</a></li> <li><em>11</em><a href="/kejifunen/370842.html" title="飞利浦43英寸QD量子点显示屏436M6VBPAB现已在中国" target="_blank">飞利浦43英寸QD量子点显示屏436M6VBPAB现已在中国</a></li> <li><em>12</em><a href="/kejifunen/370841.html" title="谈论触觉反馈技术，让你在虚拟现实世界中漫游" target="_blank">谈论触觉反馈技术，让你在虚拟现实世界中漫游</a></li> <li><em>13</em><a href="/kejifunen/370834.html" title="北京康力幽兰机器人科技有限公司参加OFweek 2018“维" target="_blank">北京康力幽兰机器人科技有限公司参加OFweek 2018“维</a></li> <li><em>14</em><a href="/kejifunen/370814.html" title="李飞飞、李佳带领谷歌AI中国中心正式成立" target="_blank">李飞飞、李佳带领谷歌AI中国中心正式成立</a></li> <li><em>15</em><a href="/kejifunen/370811.html" title="世界杯火爆背后，中国数字电视大会揭示行业趋势" target="_blank">世界杯火爆背后，中国数字电视大会揭示行业趋势</a></li> <li><em>16</em><a href="/kejifunen/370799.html" title="Fitbit新款智能手表Versa已在中国正式上市" target="_blank">Fitbit新款智能手表Versa已在中国正式上市</a></li> <li><em>17</em><a href="/kejifunen/370798.html" title="万物互联的时代已经到来，中国移动如何布局物联网" target="_blank">万物互联的时代已经到来，中国移动如何布局物联网</a></li> <li><em>18</em><a href="/kejifunen/370793.html" title="空气质量恶化：印度需要中国空气净化器“援助”？ " target="_blank">空气质量恶化：印度需要中国空气净化器“援助”？ </a></li> <li><em>19</em><a href="/kejifunen/370783.html" title="盘点经典科幻电影中的可穿戴设备" target="_blank">盘点经典科幻电影中的可穿戴设备</a></li> <li><em>20</em><a href="/kejifunen/370774.html" title="“智能”驱动硬件复兴中国企业向“窗”靠拢" target="_blank">“智能”驱动硬件复兴中国企业向“窗”靠拢</a></li> </ul> </div> </div> </div> </div> <div class="related_article"></div> <div class="footer"> <p>Copyright © 2012-2022 程序源版权所有<a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">豫ICP备2022028201号</a></p> <p>重要申明：本站所有的文章、图片、评论等，均由网友发表或上传并维护或收集自网络，属个人行为，与本站立场无关。如果侵犯了您的权利，请与我们联系，我们将在24小时内进行处理、任何非本站因素导致的法律后果，本站均不负任何责任。</p> </div>   </body> </html>