写项目的时候用到了需要设置文本框的不可编辑状态,由于需要设置的文本框都是<input>标签,所以总结了一下有一下两种方法:
方法1:readonly
<input type="text" name="input1" value="文本框" readonly>
<input type="text" name="input1" value="文本框" readonly="true">
方法2: disabled
<input type="text" name="input1" value="文本框" disabled>
<input type="text" name="input1" value="文本框" disabled="disabled">
两种方法的区别在于:
1、 readonly设置的不可编辑状态的文本框内的值可以通过from表单提交;
disabled设置的不可编辑状态的文本框内的值不可以通过from表单提交;
2、 readonly设置的对象仅限于<input>和<textarea>;
disabled设置的对象是所有标签;