武林網(www.49028c.com)文章簡介：今天我們一起來看看如何創建一個實用并且功能強大的表單，表單使用如今最熱門的技術HTML5和css3來創建，并且可以通過HTML5進行客戶端驗證。

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

查看預覽下載附件

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

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

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

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

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