※這組checkbox 和 radio 的css，IE/iphone能套用


※ form 加上 class="Style-Form"，需100%再加"Style-Form-Full"

※ 每組可用< hr>隔開

※ 篩選條件格式請包在 ul.Form-FilterBar > li 裡面，不加 Style-Form-Full

※ heckbox 和 radio 的群組，請用 < fieldset> 包住，而且後面必須加 < span>< /span>，不然會無法呈現

※ checkbox 和 radio 和 label 對應的 id="aaa"和 for="aaa"，需變更及對應

※ 每個網站的表單呈現方式都會不一樣，還需針對微調，不是一式全套

※分欄模式，單欄或雙欄 w3-row-padding w3-stretch
※s(寬0~600手機用) 、e(寬800px以下，平板直放) 、m2(寬601~992 一般模式) 、l2(大螢幕用，寬大於992)
※左欄+右欄需等12

單欄

 

雙欄等分，請用 w3-row-padding w3-stretch

 

表單分左右，label 放左，齊右需加 w3-right-align w3-left-align-mobile

        
        

篩選條件用，不用加 Style-Form-Full

利用UL，篩選，沒有標頭字

利用UL，篩選，標頭字同行

  •      
  •      

利用UL，篩選，標頭字斷行






  •      

  •      

使< i>重疊在input上，input寬必須強制100%


利用偽類 USE content，不能點擊，純裝飾，只有做 Search、Calendar、Filter

‍ ‍ ‍
‍ ‍
‍ ‍
‍ ‍
‍ ‍
下拉選單
下拉選單 + 複選

class="Style-Form Style-Form-Full"

說明小字
說明小字 Error

  •   
  •   
  •   
  •   
  •   
  •   
  •   
  •   
  •   
  •   
  •   
  •   

  •   
  •   
  •   
  •   

  •   
  •   
  •   

  •   
  •   
  •   
  •   

  •   
  •   
  •