台湾的两篇文章，看看也好：唯讀的表單文字輸入項

时间： 2021-07-31 作者：daque

這是網友在討論區問到的問題, 蓄意能將某些表單 (form) 的笔墨輸入項設定為唯讀屬性, 讓运用者無法窜改, 比方講, 在一個購物清單中顯示出價格, 數量, ..., 你确定不蓄意运用者不妨大肆的窜改價格, 但為了要將直傳到下一個網頁, 又必須要用 input 笔墨輸入項, 即日的作品就來看麥怎样做到表單笔墨輸入項的唯讀屬性 diabled 這是大多數的人直覺想到的本领 <form> <input name="price" value="100" disabled> </form> 這個本领看起來是解決了問題, 不過後壁的麻煩就來了, 鄙人一個網頁中运用 request.form("price") 你會發現 request.form("price") 的值是空字串, 因為加上了 disabled , 以是 price 的值並沒有送出 blur 事变 (event) 卡好的本领是运用 javascript 中 form 的 blur 事变, 當运用者的滑鼠按到笔墨輸入項時它會获得焦點, 游標會停在輸入格, 而當滑鼠按到笔墨輸入項除外部份, 則該輸入項會遗失焦點, 所以我們不妨运用 blur 事变來強制讓笔墨輸入項遗失焦點 <form> <input name="price" value="100" onfocus="this.blur()"> </form> 將 disabled 改為 onfocus="this.blur()", 當运用者按到該笔墨輸入項時, 也即是获得焦點時连忙遗失焦點, 這樣就不妨達到唯讀的功效! 是否很簡單蓄意這篇作品對你有幫助!

台湾的两篇文章，看看也好：唯讀的表單文字輸入項

相关推荐

推荐下载

热门阅览

最新排行