html input readonly 和 disable的区别

Posted 2023-04-17

参考技术A

作用范围不同

disabled属性可以用语所有的表单元素；readonly属性只对input（输入框）、textarea有效；

对元素的影响程度不同

disabled属性阻止对元素的一切操作，例如获取焦点，点击事件等等；readonly属性只是将元素设置为只读，其他操作正常；

表单提交

disabled属性可以让表单元素的值无法被提交；readonly属性则不影响提交问题；

input标签的disabled和readonly的区别

 <form id="form1" runat="server"  method="post">
    <div>
      <input type="text"  name="txt1" id="txt1"  value="txt1"  readonly="readonly"/>
        <input type="text"  name="txt2" id="txt2"  value="txt2"  disabled="disabled"/>
        <input type="submit"  value="提交"/>
    </div>
    </form>

 

 

对于readonly 标记的input 在后端能够获取到文本框的数据，但是 disabled标记的input 在后端无法获取到文本框的数据