下面是用HTML5+css3制作HTML5驗證的網頁表單的相關內容，文章教程主要講述與HTML5 css3 驗證 表單 相關的一些技術與知識，更多的內容歡迎大家訪問http://www.survivalescaperooms.com,獲取更多最新教程,下面是教程講解：

今天我們一起來看看如何創建一個實用并且功能強大的表單，表單使用如今最熱門的技術HTML5和css3來創建，并且可以通過HTML5進行客戶端驗證。

查看預覽下載附件

第一步：策劃表單功能

首先，我們得為我們的表單策劃一下該有什么功能，用什么形式表現。在這個示例中，我們就制作一個比較簡單的留言表單。需要的功能如下：

• 名稱
• 電子郵件
• 網站地址
• 提交按鈕

我們都希望用戶能夠填寫正確的信息再提交，要實現這一點，我們可以使用HTML5客戶端驗證新技術。那怎么樣使用這個功能呢？在這里簡單的使用服務器驗證，不做進一步的深入了解。

第二步：策劃表單形式

在我心中，憧憬著一個美麗而簡約的提交表單。雖然現在很丑，但是他不是野雞是鳳凰。

就像上圖顯示的，包含下面幾個部分：

• 表格標題（Required fields）
• 表格標簽
• 表格輸入（Placeholder text）
• 表單提示
• 提交按鈕

現在我們已經確定好了表單的形式，就開始創建HTML結構代碼。

[1] [2] [3] [4]  下一頁