這篇文章主要介紹了bootstrap中如何實現input不可編輯，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

10年的開封網站建設經驗，針對設計、前端、開發、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。成都全網營銷的優勢是能夠根據用戶設備顯示端的尺寸不同，自動調整開封建站的顯示方式，使網站能夠適用不同顯示終端，在瀏覽器中調整網站的寬度，無論在任何一種瀏覽器上瀏覽網站，都能展現優雅布局與設計，從而大程度地提升瀏覽體驗。創新互聯從事“開封網站設計”,“開封網站推廣”以來，每個客戶項目都認真落實執行。

bootstrap input不可編輯的實現方法：首先打開相應的代碼文件；然后為input輸入框設置disabled屬性，其語句如“placeholder="Disabled input here..." disabled”。

bootstrap input不可編輯

在Bootstrap中，為input輸入框設置 disabled 屬性可以禁止其與用戶有任何交互（焦點、輸入等）。被禁用的輸入框顏色更淺，并且還添加了 not-allowed 鼠標狀態。

效果圖：

disabled 屬性

disabled 屬性是一個布爾屬性。

disabled 屬性規定應該禁用的 元素。

被禁用的 input 元素是無法使用和無法點擊的。

disabled 屬性進行設置，使用戶在滿足某些條件時（比如選中復選框，等等）才能使用 元素。然后，可使用 JavaScript 來刪除 disabled 值，使該 元素變為可用的狀態。

提示：表單中被禁用的 元素不會被提交。

注意：disabled 屬性不適用于 。

感謝你能夠認真閱讀完這篇文章，希望小編分享bootstrap中如何實現input不可編輯內容對大家有幫助，同時也希望大家多多支持創新互聯網站建設公司，，關注創新互聯行業資訊頻道，遇到問題就找創新互聯網站建設公司，，詳細的解決方法等著你來學習!

分享標題：bootstrap中如何實現input不可編輯-創新互聯
轉載來于：http://m.jcarcd.cn/article/dspehh.html