表單的設計草圖

　　由于本文不是教photoshop制作的文章，因此只是把設計的表單的草圖設計出來，然后去使用HTML5，CSS3和PHP去實現，我們要設計的表單草圖如下圖所示：
 

▲

　　可以看到，在這個設計草圖中，我們期望實現的效果是：當用戶輸入姓名時，NAME字段的文本框會以焦點的形式顯示出來，而email的輸入框仔細看，是一個圓角邊框的輸入框，而message的文本區域輸入框中，可以看到有一張背景底圖。而提交按鈕則是一個自定義的按鈕。

　　開始動手設計

　　接下來我們開始進行表單的設計。本文要使用的是php，因此可以用任何的PHP編程工具先建立一個index.php文件，然后開始編寫符合HTML5標準的表單。

　　1)關于DOCTYPE

　　在HTML5中，關于DOCTYPE的聲明將變得十分簡單，代碼如下：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表