关于disable和readonly

我们在做网页时，难免的会因为权限或者各种原因，想让使用者看到，但是却不想让用户去对值进行更改，我们有两个选择

  一、我们使用disabled将文本框禁用掉。

  二、我们使用readonly使得文本框只能读取，不能修改。

  disabled与readonly区别：

1.disabled会让文本框灰掉，而readonly却不会。

2.在提交表单时disabled的值不会提交，会变成null空指针，readonly中的值能够被提交

在这里，如果表单中的值必须提交到后台的话建议使用readonly属性，在添加上灰色背景的样式，这样既能保证值得正常传送，又能起到良好的视觉效果。