HTML5新增表单元素

<form action="" method="post">
            readonly：只读
            disabled：是否可用
            是否可用<input type="text" readonly="true" disabled="disabled" /><br />
            隐藏标签<input type="hidden" value="1" /><br />
            图标按钮<input type="image"  src="0.jpg" /><br />
            html5新增标签<br />
            颜色标签<input type="color" /><br />
            邮箱<input type="email"  placeholder="请输入邮箱地址"/><br />
            日期<input type="date" /><br />
            网址<input type="url" /><br />
            搜索<input type="search" /><br />
            提示框
            <input type="text" list="ss" />
            <datalist id="ss">
                <option>java</option>
                <option>php</option>
            </datalist>
            html5新增属性
             placeholder：提示信息
             pattern正则表达式
             required 必选项
            电话<input type="text" pattern="\d{11}" />
            地址<input type="text" required="required" />
            <input type="submit" name="注册" /><br />
            
        </form>

小试牛刀

代码如下：

<!--..
		<caption> 标签定义表格的标题。
		
		<caption> 标签必须直接放置到 <table> 标签之后。
		
		您只能对每个表格定义一个标题。
		.-->
		<table align="center">
			
			<caption>欢迎注册</caption>
			<tr>
				<td>用户名</td>
				<td><input  type="text"/></td>
			</tr>
			<tr>
				<td>密码</td>
				<td><input  type="password"/></td>
			</tr>
			<tr>
				<td>确认密码</td>
				<td><input  type="password"/></td>
			</tr>
			<tr>
				<td>性别</td>
				<td><input  type="radio" name="sex"/>男<input type="radio" name="sex"/>女</td>
			</tr>
			<tr>
				<td>年龄</td>
				<td><input  type="text"/></td>
			</tr>
			<tr>
				<td>学历</td>
				<td><select>
				<option>大专</option>
				<option>本科</option>
				<option>学历</option>
				 </select>
				</td>
			</tr>
			<tr>
				<td>爱好</td>
				<td>
					<input  type="checkbox"/> 吃饭
				<input  type="checkbox"/> 睡觉
				<input  type="checkbox"/> 打游戏
				</td>
			</tr>
			<tr>
				<td></td>
				<td><input  type="submit" value="提交"/>
				<input  type="reset" value="重置"/></td>
			</tr>
		</table>