前段時間我們蒐羅了不少很不錯的HTML5表單，這些表單包括登入表單、聯絡表單以及搜尋表單等，今天我們精選了10款精美而實用的HTML5表單，分享給大家，一起來看看。
工具/原料
HTML5表單
HTML5
方法/步驟
HTML5/CSS3仿Facebook登入表單
利用CSS3製作的登入表單的確很漂亮，我們在 html5tricks 網站上也分享過幾款了，比如 CSS3密碼強度驗證表單 可以顯示密碼的強度，這款 純CSS3發光登入表單更是絢麗多彩。今天我們要分享一款仿Facebook的登入表單，無論從外觀還是功能上說，這款登入表單還是挺接近Facebook登入表單的。
CSS3可摺疊顯示的發光搜尋表單
這次要分享的一款CSS3表單是一款可摺疊顯示的發光搜尋表單，搜尋表單的輸入框一開始由一層遮罩遮住的，並且是半透明的狀態，當滑鼠滑過輸入框時，遮罩層即可緩緩展開，我們可以在搜尋框中輸入文字進行搜尋。
CSS3數字驗證表單 3D摺疊驗證提示
今天我們要來分享一款效果很不錯的CSS3數字驗證表單，和之前分享過的 CSS3密碼強度驗證表單 碼速表樣式 不同，這款表單是用來驗證輸入的是否是合法數字的，並能給出相應的提示。更重要的是這款CSS3數字驗證表單的提示是以3D摺疊框的形式，顯得非常具有創意。
非常上檔次的HTML5/CSS3登入表單
我們介紹過不少CSS3登入表單了，最令人記憶猶新的登入表單要算這款 純CSS3發光登入表單 了。今天我們要分享一款非常上檔次的HTML5/CSS3登入表單，這款登入表單有一張使用者的圖片，輸入框左側有漂亮的小圖示，同時，登入按鈕也非常漂亮。
CSS3實現一款聯絡表單 輸入框帶小圖示
之前我們已經分享過一款非常漂亮的CSS3聯絡表單 CSS3聯絡表單 背景透明迷人，有興趣的朋友可以去看一下。今天我們再來分享一款外觀還不錯的CSS3聯絡表單，這款CSS3聯絡表單的輸入框帶有小圖示，並且在提交資訊時能校驗輸入的資訊。
CSS3實現一款聯絡表單 輸入框帶小圖示
之前我們已經分享過一款非常漂亮的CSS3聯絡表單 CSS3聯絡表單 背景透明迷人，有興趣的朋友可以去看一下。今天我們再來分享一款外觀還不錯的CSS3聯絡表單，這款CSS3聯絡表單的輸入框帶有小圖示，並且在提交資訊時能校驗輸入的資訊。
CSS3響應式表單 可切換表單主題
之前我們利用CSS3自定義Checkbox和自定義Radiobox，這次要分享的一款CSS3響應式表單不僅美化了checkbox和Radiobox，而且也自定義美化了輸入框、下拉框以及多項選擇框，幾乎所有的表單元素都美化了，而且整體上還不錯。另外，這款CSS3表單還可以切換主題，換一下表單風格也是不錯的。
非常個性化的CSS3自定義checkbox和radiobox
對於瀏覽器預設的checkbox和Radiobox樣式實在是比較醜陋了，今天分享一款非常個性化的CSS3自定義checkbox和Radiobox，外觀非常時尚。之前也分享過幾款類似的CSS3外掛，比如 HTML5自定義Checkbox和Radiobox 、 CSS3漂亮的自定義Checkbox複選框 9款迷人樣式 。
HTML5/CSS3摺疊動畫登入表單
之前我們分享過一款 仿facebook的登入表單 ，效果的確很贊。今天我們再來分享一款很有特色的CSS3登入表單，這款登入表單的使用者名稱和密碼是分開輸入的，當輸入使用者名稱，然後按回車時，即會摺疊展開密碼輸入框，這個3D摺疊的效果很不錯。
純CSS3實現Metro風格登入表單
今天我們要來分享一款利用CSS3實現的Metro風格的登入表單，之前我們也已經分享過很多非常實用而絢麗的CSS3登入表單，像這款 HTML5/CSS3摺疊動畫登入表單就非常立體，而這款 非常上檔次的HTML5/CSS3登入表單 非常大氣，這款Metro風格的登入表單應該也挺棒的。
