插件窝 干货文章 input设置为disabled提交后获取不到该值的解决方法

input设置为disabled提交后获取不到该值的解决方法

input disabled readonly 28    来源:    2022-09-17

input设置为disabled提交后获取不到该值的解决方法

对input标签设置了disabled属性之后,提交数据时显示为空。

input设置为disabled值时会有下面的限制:
1、不能接收焦点;
2、使用tab键时将被跳过;
3、可能不是successful的。(因为只有successful的表单元素才是有效的数据,也就是可以进行提交。)

解决方法是:可以使用readonly=”readonly”属性代替即可,而input设置为readonly属性也有一些限制:
1、可以接收焦点,但不能被修改;
2、可以使用tab键进行导航;
3、可能是successful的。

PS:disabled和readonly的文本输入框只能通过脚本去进行修改value属性。