HyUI kit

按Enter到主內容區

:::

基本表單

表單基本樣式

0-1、水平滿版

0-2、垂直滿版：form-column

0-3、水平不滿版：form_inline

帳號：

密碼

密碼：

記住我

帳號

密碼：

密碼

記住我

select

0-4、表單狀態

必填input：

一般提醒訊息超連結一般粗體紅字藍字

一般提醒訊息

確認、成功、完成

警告

這似乎不是一個正常的Email格式

錯誤

必填input：

form_grp＋warn、漏填欄＋error

readonly 1：

readonly 2：

disabled 1：

disabled 2：

格線式表單

1、樣式

必填帳號 1

必填帳號 2

必填密碼 1

必填密碼 2

必填密碼（可預覽）3

必填密碼（可預覽）4

必填E-mail 1

必填E-mail 2

必填手機號碼

室話/傳真 1

必填input＋select下拉

input＋select下拉：complex

地址 1

郵遞區號

同上聯絡地址

詳細地址：user_typing

地址 2

郵遞區號

同上聯絡地址

user_typing＋complex

起始日期(type="date")

有條件式表單

同會員資訊

單檔上傳

上傳檔案

多檔上傳

上傳多個檔案

樣式 1必填

文字文字文字文字文字文字文字

樣式 2必填

form_content內多組表單時，用 section 包覆

一般提醒訊息

一般提醒訊息

格線式表單--多欄

flex-col-equal-2

欄位1

欄位2

flex-col-equal-3

欄位1

欄位2

欄位3

flex-col-equal-4

欄位1

欄位2

欄位3

欄位4

欄位1

欄位1

欄位2

欄位1

欄位2

欄位3

欄位1

欄位2

欄位3

欄位4

兩層欄位：

欄位1

欄位1

欄位2

欄位1

欄位2

欄位3

欄位1

欄位2

欄位3

欄位4

三層欄位：

項目一：

欄位1

欄位1

欄位2

項目二：

欄位1

欄位2

欄位3

欄位1

欄位2

欄位3

欄位4

flex-col-equal-4

欄位1

欄位2

欄位3

欄位4

錯誤

flex-col-equal-4

欄位1

欄位2

欄位3

欄位4

無障礙：加上className "label_hidden" 隱藏 label文字

flex-col-equal-4

欄位1

欄位2

欄位3

欄位4

錯誤

多層次表單

回頁首