表單設置 disabled 后無法傳值到后台的解決辦法


在提交 from 表單時,下面的 input 無法正常提交給后台, 發現,如果input的字段設為disabled,該表單是無法提交的。

<input type="text" name="name" disabled />

解決方法

  1. 將表單中字段 disabled 用 readonly 代替即可(如有需要,可以對該表單加上灰色的背景色)
  2. 可以在寫一個隱藏屬性,一個用於傳值,一個用於顯示

disabled和readonly的異同

相同點

  • 都可使文本框不能輸入文字。
  • 可以通過js腳本修改其value值。
  • 想要撤銷,只能刪除相應的屬性,設置flase無效

不同點

disabled

  • input無法接收焦點
  • 使用tab鍵會跳過元素
  • disabled不會對任何事件進行響應(比如:click事件無效)。
  • disabled的元素的值不會提交。
  • disabled屬性可以用於所有的表單元素。

readonly

  • input可以接收焦點
  • 使用tab鍵不會跳過元素
  • readonly會對事件進行響應。
  • readonly的元素的值會提交。
  • readonly屬性只對 type="text" 、 textarea 和 type="password" 有效。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM