按Enter到主內容區
:::

網站標題

:::

意見信箱

發布日期：

表單基本樣式

0-1、水平滿版

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

其中一欄的錯誤訊息
整個欄位的錯誤訊息

0-3、水平不滿版：form_inline

0-4、表單狀態

一般提醒訊息
一般提醒訊息
確認、成功、完成
警告
這似乎不是一個正常的Email格式
錯誤
form_grp＋warn、漏填欄＋error

格線式表單

1、樣式

input＋select下拉：complex
詳細地址：user_typing
user_typing＋complex
起始日期(type="date")
上傳檔案
上傳多個檔案
文字文字文字 文字 文字文字文字
form_content內多組表單時，用 section 包覆
一般提醒訊息
一般提醒訊息

格線式表單--多欄

flex-col-equal-2
flex-col-equal-3
flex-col-equal-4
flex-col-equal-4
錯誤
flex-col-equal-4
無障礙：加上className "label_hidden" 隱藏 label文字
flex-col-equal-4
錯誤

多層次表單

兩層欄位：
項目一：
項目二：
個人資料必填
出生年月日必填
年 月 日
聯絡方式
寄送地址
參加活動
起始日期
有微動態
有微動態
是否售票
第一層title必填
第二層title必填
第三層title
第三層title
第三層title
備註
驗證碼

多層次表單-多欄


這是一般提醒訊息區塊

立法院民主議政園區・民主時刻館

電話/ (04)2217-2900
地址 / 413015 台中市霧峰區中正路734號

Facebook Line Youtube
回頁首