disabled和readonly的区别

最新推荐文章于 2024-12-29 16:53:30 发布

cwfmaker

最新推荐文章于 2024-12-29 16:53:30 发布

阅读量115

点赞数

CC 4.0 BY-SA版权

分类专栏： web

本文链接：https://blog.youkuaiyun.com/cwfmaker/article/details/84263060

web 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了HTML中readonly和disabled属性的区别与应用，包括如何在请求中传递值，并通过增加隐藏域来实现在使用disabled的同时进行值的请求提交。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转载自：http://ouanui.iteye.com/blog/706409

readonly
不可编辑，可以获得焦点，背景颜色默认灰色，值的字体颜色默认为灰色，值可以在请求中传递
disabled
不可编辑，不可以获得焦点，背景颜色默认灰色，值的字体颜色默认为灰色，值不可以在请求中传递；
为了使值不可修改，但显示为disabled的样式，且可以在请求中传递，则可以通过采用readonly，修改字体颜色来实现

<html>
<form>
<input name="1" type="text" size="20" value="readonly" readonly="readonly">
<input name="1" type="text" size="20" value="readonly" readonly="readonly" style="color:#aaa ;">
<input name="2" type="text" size="20" value="disabled" disabled="disabled">
<input name="1" type="text" size="20" value="normal">
</form>
</html>

如果需要使用disabled,同时需要进行值的请求提交，可以通过增加一个hidden隐藏域的方式。

<input type="text"  class="bt8  validate-email" value="$!cc.email"
               onchange="txtOnchange();" disabled />

<input type="hidden" value="$!cc.email" name="cc.email" class="needSumbit"/>