表单元素中readonly和disabled区别

1.作用元素：

readonly只对input(type=“text”、password、number）和textarea元素有效；
disabled对所有表单元素有效；

2. 表单提交：

表单会提交readonly元素，不会提交disabled元素

3. 实际使用情况：

1. 表单中预填了某个值，不允许用户改动，但提交表单时需要传该值，此时使用readonly。
2. 用户点了提交按钮后，需要用js把提交按钮disabled掉，这样可以防止网络较差时用户反复点击提交按钮。
3. 用户提交含多种元素的表单后，只允许查看表单，此时使用disabled，因为disable对所有表单元素有效。