原生html下的input使用小坑记录

今天朋友突然问我一个问题,他把<input>标签设置disabled属性后,设置的初始值就无效了.

我一开始也是百思不得其解,因为平常用封装好的组件用太多了,disabled就是禁掉了更改组件的值.于是去MDN翻了下原生input标签的api,发现确实不一样.

 

 很简单易懂,原生的disabled是直接禁掉值的传入,因此设置disabled之后后端接受到的对应字段值为null了.那么应该如何设置不可编辑呢?设置readonly属性就好了

 我的评价是:虽然现在做前端这些原生的已经很少用了,但多个知识点总是好的(