天天看點

Bootstrap4(21): 表單控件



Bootstrap4 支援以下表單控件:

input

textarea

checkbox

radio

select

Bootstrap 支援所有的 HTML5 輸入類型: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, 以及 color。

注意:: 如果 input 的 type 屬性未正确聲明,輸入框的樣式将不會顯示。

以下執行個體使用兩個 input 元素,一個是 text,一個是 password :

嘗試一下 »

Bootstrap4(21): 表單控件

以下執行個體示範了 textarea 的樣式。

Bootstrap4(21): 表單控件

複選框用于讓使用者從一系列預設定的選項中進行選擇,可以選一個或多個。

以下執行個體包含了三個選項。最後一個是禁用的:

Bootstrap4(21): 表單控件

使用 .form-check-inline 類可以讓選項顯示在同一行上:

Bootstrap4(21): 表單控件

單選框用于讓使用者從一系列預設定的選項中進行選擇,隻能選一個。

使用 .radio-inline 類可以讓選項顯示在同一行上:

Bootstrap4(21): 表單控件

當您想讓使用者從多個選項中進行選擇,但是預設情況下隻能選擇一個選項時,則使用選擇框。

以下執行個體包含了兩個下拉菜單:

Bootstrap4(21): 表單控件

繼續閱讀