單選按鈕：可hover及select文字說明，此時單選框及說明都顯示不同效果，
結構
佔位標籤放,background-position控制的顯示位置。
js控制實現互動效果，show
複選按鈕：可hover及select文字說明，hover也顯示乙個效果。
結構模擬這一塊，但是預設樣式不顯示，顯示背景。
文字框：html5及css3部分屬性使用
結構placeholder:預設字元
required:不允許什麼都不寫就提交
文字框後邊小定位.contact_form input:required
下拉列表
結構：請選擇
選擇1js控制實現互動效果，標籤權重不同，html/css基礎處有詳情
html5表單驗證美化綜合案例
用到的事件 oninput 在值發生變化時立馬觸發 oninvalid 在不符合驗證的時候觸發 onchange 雖然觸發值會發生變化，但不是立刻觸發，要滑鼠失去焦點時才能觸發 onfocus 在獲得焦點的時候觸發 效果圖 doctype html html lang en head meta ch...
11個jQuery表單元素美化外掛程式
因為瀏覽器相容性的原因，表單元素往往是整個網頁設計過程中最難以美化的，尤其是單選按鈕 下拉選擇框和核取方塊。不過我們可以通過jquery來美化它樣。下面為大家推薦11個簡單易用的jqurey外掛程式，其中既有乾淨小巧的按鈕，也有獨特的iphone風格的棒形按鈕切換，相信它們能幫助你打造自己的表單版式...
製作表單（第一期筆記） 美化表單常用的css樣式
不管三七二十一，想要自己設計輸入框樣式，我們第一步需要清除input自帶樣式 input最好給輸入框設定一下左右邊距，不會顯得輸入文字過於擁擠 新增padding 0 8px 之後的樣式，顯得大氣很多 利用border radius設計輸入框會讓表單頓時高大上起來，圓潤的東西總是給人柔和的印象 陰影...