本文主要包含表单设计等相关知识,匿名希望在学习及工作中可以帮助到您
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的声明将变得十分简单，代码如下：
▲
而在type=email标签中，请留意其中的placeholder属性，这里设置为”type here”,意思是当用户没有在这个email框输入内容时，自动会出现提示用户输入的文字，这里很好地起到提醒的作用，比用一大堆javascript编写的效果要好，如下图：
