bootstrap input不可編輯的實作方法

bootstrap input不可編輯的實作方法：先開啟對應的程式碼檔案；然後為input輸入方塊設定disabled屬性，其語句如「placeholder="Disabled input here..." disabled」。

本教學操作環境：Windows7系統、bootsrap3.3.7版，Dell G3電腦。

bootstrap input不可編輯

在Bootstrap中，設定input輸入框 disabled 屬性可以禁止與使用者有任何互動（焦點、輸入等）。被禁用的輸入框顏色較淺，也新增了 not-allowed 滑鼠狀態。

<input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>

效果圖：

disabled 屬性

disabled 屬性是布林屬性。

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

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

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

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

注意：disabled 屬性不適用於 。

推薦：《bootstrap影片教學》《css影片教學》

以上是bootstrap input不可編輯的實作方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！