當我們在網站上注冊登錄還是提交評論，都需要用到表單，今天我們來分享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）