Bootstrap4 教程
Bootstrap4 支持以下表單控件:
使用以上類可以優(yōu)化自定義顯示,以實現(xiàn)一個更一致的跨瀏覽器跨設(shè)備渲染。
Bootstrap 支持所有的 HTML5 輸入類型: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, 以及 color。
注意:: 如果 input 的 type 屬性未正確聲明,輸入框的樣式將不會顯示。
以下實例使用兩個 input 元素,一個是 text,一個是 password :
以下實例演示了 textarea 的樣式。
復(fù)選框用于讓用戶從一系列預(yù)設(shè)置的選項中進行選擇,可以選一個或多個。
以下實例包含了三個選項。最后一個是禁用的:
使用 .form-check-inline 類可以讓選項顯示在同一行上:
單選框用于讓用戶從一系列預(yù)設(shè)置的選項中進行選擇,只能選一個。
以下實例包含了三個選項。最后一個是禁用的:
使用 .radio-inline 類可以讓選項顯示在同一行上:
當(dāng)您想讓用戶從多個選項中進行選擇,但是默認(rèn)情況下只能選擇一個選項時,則使用選擇框。
以下實例包含了兩個下拉菜單: