【IT168專稿】目前,隨著IE 9及眾多瀏覽器開始逐漸支持HTML 5標準,HTML5的發展越來越快,並在某些程度上形成跟FLASH的競爭。HTML5在頁面結構，多媒體處理等多方面都與以往的HTML有很大的不同。在本教程中，將帶領大家使用HTML5，CSS3及PHP實際設計一個符合HTML5標準的簡單的表單提交網頁，讀者可以從中學習到HTML5 新的表單頁面的基本元素。本文的讀者為有一定HTML，CSS及PHP的讀者學習
表單的設計草圖
由於本文不是教photoshop製作的文章，因此只是把設計的表單的草圖設計出來，然後去使用HTML5，CSS3和PHP去實現，我們要設計的表單草圖如下圖所示：
▲
可以看到，在這個設計草圖中，我們期望實現的效果是：當用戶輸入姓名時，NAME欄位的文本框會以焦點的形式顯示出來，而email的輸入框仔細看，是一個圓角邊框的輸入框，而message的文本區域輸入框中，可以看到有一張背景底圖。而提交按鈕則是一個自定義的按鈕。
開始動手設計
接下來我們開始進行表單的設計。本文要使用的是php，因此可以用任何的PHP編程工具先建立一個index.php文件，然後開始編寫符合HTML5標準的表單。
1)關於DOCTYPE
在HTML5中，關於DOCTYPE的聲明將變得十分簡單，代碼如下：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Contact Form</title>
</head>
<body>
</body>
</html>
看到了麼?在HTML5中，對頁面首部的類型聲明，現在只需要一句：
就可以了，而對比下以前的HTML4，需要比較麻煩地去聲明，如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">.
.