iT邦幫忙

2024 iThome 鐵人賽

DAY 16
0
自我挑戰組

HTML跨平台網頁設計系列 第 23

B O O T S T R A P的表單元素

  • 分享至 

  • xImage
  •  

Inpet是最常見的表單元素,他是屬於文字輸入的欄位。使用時要宣告正確的type類型屬性。
textarea元素允許多行的文字輸入,可以利用Rows屬性控制輸入的行數。
核取方塊:checkbox合取方塊能組成多個選項,且允許複選。在B O O T C R A P中是將一組Input及label元素,放置在設定.form-Check類別的容器中。其中input 蔡屬性必須設定為check box。
單選按鈕radio能組成多個選項,但只允許單選。
Switch切換開關是核取方塊的變化。
範圍選項Range可以呈現滑桿式的輸入項目,能簡化並規格化輸入的資料。

B O O T S T R A P表單狀態樣式

1.取得焦點狀態:當滑鼠點選或是按Tab鍵移到表單元件的狀態就是所謂的取得焦點。此時B O O T S T R A P會去除元件預設的樣式並且有外運陰影的效果。
2.禁用狀態:Input表單元素中加入disabled屬性時,表示該員漸進只使用此時元件的外觀及欄位中的文字呈現灰色。
3.唯獨狀態:input表單元素中加加入readonly屬性時,表示該元件為唯讀,可選舉不可輸入。


上一篇
表格、表單、按鈕與圖片
下一篇
D24
系列文
HTML跨平台網頁設計26
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言