溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了bootstrap中如何實現input不可編輯，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
bootstrap input不可編輯的實現方法：首先打開相應的代碼文件；然后為input輸入框設置disabled屬性，其語句如“placeholder="Disabled input here..." disabled”。
bootstrap input不可編輯
在Bootstrap中，為input輸入框設置 disabled 屬性可以禁止其與用戶有任何交互（焦點、輸入等）。被禁用的輸入框顏色更淺，并且還添加了 not-allowed 鼠標狀態。
<input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
效果圖：
disabled 屬性
disabled 屬性是一個布爾屬性。
disabled 屬性規定應該禁用的 <input> 元素。
被禁用的 input 元素是無法使用和無法點擊的。
disabled 屬性進行設置，使用戶在滿足某些條件時（比如選中復選框，等等）才能使用 <input> 元素。然后，可使用 JavaScript 來刪除 disabled 值，使該<input> 元素變為可用的狀態。
提示：表單中被禁用的 <input> 元素不會被提交。
注意：disabled 屬性不適用于 <input type="hidden">。
感謝你能夠認真閱讀完這篇文章，希望小編分享bootstrap中如何實現input不可編輯內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
