先收藏個網址http://www.html5tricks.com/
1、HTML5/CSS3仿Facebook登錄表單
這款純CSS3發光登錄表單更是絢麗多彩。今天我們要分享一款仿Facebook的登錄表單，無論從外觀還是功能上說，這款登錄表單還是挺接近Facebook登錄表單的。
2、CSS3可折疊顯示的發光搜索表單
這次要分享的一款CSS3表單是一款可折疊顯示的發光搜索表單，搜索表單的輸入框一開始由一層遮罩遮住的，並且是半透明的狀態，當鼠標滑過輸入框時，遮罩層即可緩緩展開，我們可以在搜索框中輸入文字進行搜索。
3、CSS3數字驗證表單 3D折疊驗證提示
今天我們要來分享一款效果很不錯的CSS3數字驗證表單，這款表單是用來驗證輸入的是否是合法數字的，並能給出相應的提示。更重要的是這款CSS3數字驗證表單的提示是以3D折疊框的形式，顯得非常具有創意。
4、非常上檔次的HTML5/CSS3登錄表單
今天我們要分享一款非常上檔次的HTML5/CSS3登錄表單，這款登錄表單有一張用戶的圖片，輸入框左側有漂亮的小圖標，同時，登錄按鈕也非常漂亮。
5、CSS3實現一款聯系表單 輸入框帶小圖標
今天我們再來分享一款外觀還不錯的CSS3聯系表單，這款CSS3聯系表單的輸入框帶有小圖標，並且在提交信息時能校驗輸入的信息。
6、HTML5/CSS3簡易聯系表單 扁平化風格
這次要分享的一款HTML5/CSS3簡易聯系表單非常清新，整體外觀不是那么華麗，但是表單扁平化的風格讓人看了非常舒服，同時利用了HTML5元素的特性，表單的驗證功能變得也相當簡單。
7、CSS3響應式表單 可切換表單主題
這次要分享的一款CSS3響應式表單不僅美化了checkbox和Radiobox，而且也自定義美化了輸入框、下拉框以及多項選擇框，幾乎所有的表單元素都美化了，而且整體上還不錯。另外，這款CSS3表單還可以切換主題，換一下表單風格也是不錯的。
8、非常個性化的CSS3自定義checkbox和radiobox
對於瀏覽器默認的checkbox和Radiobox樣式實在是比較丑陋了，今天分享一款非常個性化的CSS3自定義checkbox和Radiobox，外觀非常時尚。
9、HTML5/CSS3折疊動畫登錄表單
今天我們再來分享一款很有特色的CSS3登錄表單，這款登錄表單的用戶名和密碼是分開輸入的，當輸入用戶名，然后按回車時，即會折疊展開密碼輸入框，這個3D折疊的效果很不錯。
10、純CSS3實現Metro風格登錄表單
以上就是10款精美而實用的HTML5表單，喜歡的話收藏和分享吧。
轉載：http://www.php100.com/html/it/mobile/2014/0515/6883.html