當我們在網站上註冊登錄還是提交評論，都需要用到表單，今天我們來分享8款最新CSS3表單，有幾個效果很酷很特別，有些也非常實用，一起來看看。
1、CSS3環形特色表單 轉圈切換表單焦點
這款CSS3表單非常有特色，估計各位不太會看到過，這是一款CSS3環形特色表單，整個環形由一個個輸入框組成，當用鼠標激活輸入框焦點時，環形圈即會轉到該表單項。我們也可以用tab鍵來逐個選擇輸入框來輸入表單內容。
2、HTML5/CSS3聯繫表單 提交按鈕有發光動畫
好多天前我們分享過幾款非常不錯的CSS3表單，尤其是那款CSS3發光登錄表單，更是相當絢麗。今天我們來分享一款很酷的CSS3聯繫表單，表單有一張很有內涵的背景圖，表單充滿全屏，非常大氣。另外該CSS3聯繫表單還有一個會發光的提交按鈕，非常酷。
3、精美CSS3表單 CSS3帶小圖標表單 3款樣式
之前我們介紹過3款漂亮的CSS3表單，包括一個CSS3發光表單、CSS3密碼驗證表單、CSS3自定義Checkbox和Radio表單。今天要向大家分享一款基於CSS3和jQuery的帶小圖標精美輸入表單，該CSS3表單一共有3款樣式，需要高版本的瀏覽器才能支持，不過真的是一款很酷的CSS3表單。
4、純CSS3發光登錄表單
我們見過很多CSS3表單，製作都非常精美，今天介紹的這款CSS3表單不但外觀華麗，而且伴有顏色發光動畫。當鼠標激活表單時，表單周圍就會出現顏色漸變的發光動畫，配合黑色的背景，整個CSS3表單顯得格外亮麗。更重要的是，這個CSS3發光表單基本用CSS3實現，很少的JS代碼，在CSS3引擎上優化非常明顯。
5、CSS3密碼強度驗證表單 碼速表樣式
我們在網站上註冊會員時，輸入一個強大較大的密碼會大大增加帳號安全性，那麼什麼樣的密碼才比較安全呢？這款CSS3密碼強度驗證表單插件可以提示你當前輸入密碼的安全級別，有意思的是該密碼強度驗證插件的樣式酷似碼速表，隨着密碼強度的加大，碼速表指針就會順時針旋轉，當然旋轉的特效是利用CSS3結合jQuery實現的。
6、純CSS3美化Checkbox和Radiobox按鈕 外觀很時尚
利用CSS3我們可以打造非常具有個性化的用戶表單，今天我們就利用CSS3美化Checkbox複選框和Radiobox單選框。CSS3美化Checkbox和Radiobox的原理很簡單，在頁面上新建一個checkbox和radiobox並給予他們默認的label標籤顯示文字，然後將checkbox和radiobox隱藏，再利用CSS3來美化label標籤，這樣，我們就自定義了checkbox和radiobox，外觀很時尚。
7、HTML5分步驟註冊表單 HTML5表單經典
表單在網頁應用中十分重要，今天我要向大家分享一款基於HMLT5的分步驟註冊表單，表單外觀比較華麗，點擊下一步按鈕即可跳轉到下一步填寫註冊信息。改HTML5表單使用了很多CSS3屬性，從而在表單切換時擁有彈性的動畫，是一款很不錯的HTML5表單。
8、CSS3聯繫表單 清新外觀帶美化Select表單
之前我向大家分享過一款非常絢麗的CSS3發光表單，的確是很酷，大家可以先看看。今天要分享的這款CSS3表單就比較清新簡單了。表單整體看上去很乾淨，特別的是，該CSS3聯繫表單有一個自定義的美化select表單，表單項在被激活的時候邊框顏色會改變。
以上就是8款最新CSS3表單，歡迎收藏分享。（www.html5tricks.com）
本文由html5tricks收集整理，轉載請務必保留原文鏈接
http://www.html5tricks.com/8-new-css3-form.html