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

創(chuàng)新互聯(lián)是一家專業(yè)從事成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)的品牌網(wǎng)絡(luò)公司。如今是成都地區(qū)具影響力的網(wǎng)站設(shè)計(jì)公司,作為專業(yè)的成都網(wǎng)站建設(shè)公司,創(chuàng)新互聯(lián)依托強(qiáng)大的技術(shù)實(shí)力、以及多年的網(wǎng)站運(yùn)營(yíng)經(jīng)驗(yàn),為您提供專業(yè)的成都網(wǎng)站建設(shè)、營(yíng)銷型網(wǎng)站建設(shè)及網(wǎng)站設(shè)計(jì)開發(fā)服務(wù)！

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

bootstrap input不可編輯

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

效果圖：

disabled 屬性

disabled 屬性是一個(gè)布爾屬性。

disabled 屬性規(guī)定應(yīng)該禁用的 元素。

被禁用的 input 元素是無法使用和無法點(diǎn)擊的。

disabled 屬性進(jìn)行設(shè)置，使用戶在滿足某些條件時(shí)（比如選中復(fù)選框，等等）才能使用 元素。然后，可使用 JavaScript 來刪除 disabled 值，使該 元素變?yōu)榭捎玫臓顟B(tài)。

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

注意：disabled 屬性不適用于 。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享bootstrap中如何實(shí)現(xiàn)input不可編輯內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來學(xué)習(xí)!