在提交 from 表單時,下面的 input 無法正常提交給后台, 發現,如果input的字段設為disabled,該表單是無法提交的。
<input type="text" name="name" disabled />
解決方法
- 將表單中字段 disabled 用 readonly 代替即可(如有需要,可以對該表單加上灰色的背景色)
- 可以在寫一個隱藏屬性,一個用於傳值,一個用於顯示
disabled和readonly的異同
相同點
- 都可使文本框不能輸入文字。
- 可以通過js腳本修改其value值。
- 想要撤銷,只能刪除相應的屬性,設置flase無效
不同點
disabled
- input無法接收焦點
- 使用tab鍵會跳過元素
- disabled不會對任何事件進行響應(比如:click事件無效)。
- disabled的元素的值不會提交。
- disabled屬性可以用於所有的表單元素。
readonly
- input可以接收焦點
- 使用tab鍵不會跳過元素
- readonly會對事件進行響應。
- readonly的元素的值會提交。
- readonly屬性只對 type="text" 、 textarea 和 type="password" 有效。