readonly与disabled

readonly与disabled都能将元素设为不可编辑状态，但他们有许多区别:

1.样式

readonly与一般样式一样，disabled会将元素背景设为灰色

2.应用范围

readonly只对input(text/password)和textarea有效，disabled对所有表单元素都有效(包括select，radio，button，checbox等)

3.submit提交

将元素设为disabled后不会被提交，readonly依旧会提交

4.通过js修改

都可以通过js修改

5.获取焦点

readonly元素可以获取焦点，disabled不能