HTML 5和CSS3表單示例和詳細教程匯總
為Web開發人員提供了詳細參考指南。以下是文章摘要：
本教程演示如何使用HTML5創建既時尚又好用的郵箱注冊表單。引導大家一步一步創建占位符文本、表單域、郵箱+網絡+手機、日程選擇器等功能。有大部分的表單為了增強功能卻降低輸入框的標準。雖然在舊版本的瀏覽器中并不完全支持HTML5特性，但在教程中會演示如何解決和正確添加新功能。 【示例】
此教程屬于中等難度，演示如何創建一個具有滑動效果、數字微調、日期、顏色選取器、文本字段、提交按鈕的表單。使用工具：Webforms2、Modernizr、jQuery 【示例】
此教程屬于中等難度，演示如何創建一個干凈并時尚的聯系表單：姓名、郵箱、電話、下拉菜單查詢、消息和提交。除了使用HTML5以外，還使用了以下工具：JQuery，Modernizer，AJAX，PHP。
本教程教您如何使用先進的CSS和最新的CSS3技術打造漂亮的HTM5表單。示例是一個購物車表單，需要用戶填充自己的詳細資料，送貨地址和信用卡資料。 【示例】
Richard Bradshaw帶來了一個簡單的HTML5表格演示，演示中如何使用一些新的功能：輸入類型(郵件、URL、數量和范圍)，偽類(有效、無效)和限制用戶提交表單等功能。HTML5表單添加了CSS3轉換和偽類，看起來更加漂亮和干凈 【示例】
本教程將演示如何創建自己的簡單時尚的聯系表單，如何使用HTML5的新功能。表單如何使用CSS3屬性風格，就好比用Photoshop設計一樣，但無需使用任何圖片 【示例】
#p#
本教程教您如何使用HTML5和CSS3設計搜索框。采用了三種不同的例子，并給出每個例子的源代碼。每個搜索框風格不同，可以隨意從中選擇適合自己網站的。
本教程向您展示如何創建一個干凈簡潔的登錄表單。文中有代碼片段和手寫的注解，很容易看明白每個代碼的用途。
本教程向您演示如何使用HTML5、CSS3和PHP創建一個干凈的登錄表單。一步一步教您如何設計表單，使用HTML5標記，CSS屬性和PHP功能【演示】
本教程演示如何制作不使用圖片的信封式聯系表。表單使用純HTML5結構和特性，用CSS3屬性設計制定信封外觀，并且提供每一步的代碼【示例】
如何逐步提高HTML5和CSS技巧的教程。某些瀏覽器不支持HTML5特性，使用JavaScript代替。使用工具：Yepnope.js，Modernizr。
原文：http://speckyboy.com/2011/06/26/html5-and-css3-form-references-resources-and-tutorials/
【編輯推薦】
