disabled和hidden区别
disabled 和 hidden 在HTML中都是用来控制元素可用性和可见性的方式,它们的区别主要在于:
disabled:
1,适用于表单元素(如input、select、textarea、button等)。
2,当一个表单元素被设置为 disabled 时,用户无法与该元素进行交互,包括但不限于:**无法编辑输入内容、无法点击按钮、无法选择选项**等。
3,disabled 的表单元素在提交表单时,其值不会随表单数据一起发送到服务器。
hidden:
1,可应用于任何HTML元素,通常通过CSS的 display: none 或HTML属性 type="hidden" 来实现隐藏效果。
2,HTML5引入了全局属性 hidden,当设置为 hidden="hidden" 或 style="display:none;" 时,元素 会被隐藏起来,但仍然存在于页面文档流中,占用空间,只是不可见。
3,type="hidden" 是针对表单控件,创建一个不可见的输入字段,其值会随着表单一同提交给服务器。
总结来说:
disabled 主要关注的是元素的可操作性,它使得元素变为非活动状态,既看不见也不能操作,并且不参与表单提交的数据。
hidden 关注的是元素的可见性,它使得元素在页面上不可见,但根据不同的实现方式,元素可能仍占用布局空间,并且对于表单元素,即使被隐藏,其值依然会被包含在表单提交的数据中。
下面举例说明:
在jsp页面中使用jquery 的js 代码举例给一个input框设置disabled属性,然后移除
<!-- 引入jQuery库 -->
<script src="path/to/jquery.min.js"></script><!-- 假设有一个id为'inputText'的input元素 -->
<input type="text" id="inputText" /><!-- 使用jQuery设置input框为disabled -->
<script>