表單

水平排列

文字

選取

選項 01 選項 02

資料清單

文字區域

單選按鈕

選項 01
選項 02

A B C D

核取方塊

選項 01
選項 02

A B C D

多選

選項 01 選項 02 選項 03 選項 04

範圍

尺寸

選項 01 選項 02 按鈕 核取方塊

選項 01 選項 02 按鈕 核取方塊

選項 01 選項 02 按鈕 核取方塊

寬度

form-width-large

form-width-medium form-width-small form-width-xsmall

圖示

不可點擊

可點擊

選取

選項 01 選項 02

選項 01 選項 02

選項 01 選項 02 選項 03 選項 04

單選按鈕、核取方塊和選取

單選按鈕 已勾選
未勾選
未勾選
已停用
已停用且已勾選

A B C D

核取方塊 已勾選
未勾選
未勾選
已停用
已停用且已勾選

A B C D

核取方塊 不確定
未勾選
未勾選
已停用
已停用且不確定

A B C D

自訂控制項

檔案

選取

這是一段文字

上傳

送出

選取

選項 01 選項 02 選項 03 選項 04

選項 01 選項 02 選項 03 選項 04

請選擇... 選項 01 選項 02 選項 03 選項 04

請選擇... 選項 01 選項 02 選項 03 選項 04

注意 uk-form-custom 的 hover 和 focus 狀態預設沒有樣式，但您可以使用相鄰的同層選取器來設定。