input disabled

disabled属性用于禁用input元素，使其既不可用也不可点击。可以通过设置disabled属性来禁用input元素，直到满足某些其他条件为止。然后，可以使用JavaScript来删除disabled值，将input元素切换为可用状态。\[1\]

与disabled属性相比，readonly属性用于将input文本框设置为只读，即用户可以看到文本框中的内容，但无法修改。在实际开发中，我们可以使用disabled属性或readonly属性来实现将input文本框设置为不可修改的效果。\[2\]

区别在于，disabled属性会使文本框变灰，并且在表单传输数据时，对应的value值不会被传输到后台，因此后端无法获取到文本框中的内容。而readonly属性只是将文本框设置为只读，用户无法修改内容，但在表单传输数据时，对应的value值会被传输到后台，后端可以获取到文本框中的内容。\[3\]
#### 引用[.reference_title]
- *1* [HTML input标签中disabled属性](https://blog.csdn.net/cheng1a/article/details/122704392)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [input标签设置文本不可修改的两种状态（disable、readonly）区别](https://blog.csdn.net/good_good_xiu/article/details/115395108)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]