【高端官网建设】大同网站建设公司，大同网站设计公司，大同网站制作公司，大同网站建设，大同网站设计，大同网站制作
代码如下：
<! doctype html>
<html>
<head>
<meta charset=”gb2312”>
<title>会员注册表<／title>
</head>
<body>
·75·
<h2>会员注册<／h2>
<form>
<p>iame="userid" id="userid"
账号：<input type="text" pattem="^\w{6,12J$" required autofocus 1
placeholder=”您的账号（6到12个英文字母）”>
</p>
<p>
职业：
<input type="password" required name="pass" id="pass" placeholdeF"12 Wj密码”>
<input type="checkbox" name="like" value="音乐”>音乐
<input type="checkbox" name="like" value=”上网”>上网
<input type="checkbox" name="like" value="足球”checked／>足球
<input type="checkbox" name="Iike" value=”下棋”>下棋
<select size="3" name="work">
<option value=”政府职员”>政府职员</option>
<option value=”工程师“selected>工程师</option>
<option value=”工人”>工人</option>
<option value=”教师”>教师</option>
<option value=”医生”>医生</option>
<option value=”学生”>学生</option>
</select>
</p>
<p>
收入：<select name="salary">
<option value="1000元以下”>1000元以下</option>
<option value="1000-2000元">1000-2000元<／option>
<option value="2000-3000元">2000-3000元<／option>
<option value="3000-4000元">3000-4000元<／option>
<option value="4000元以上”>4000元以上<ioption>
</select>
</p>
<p>holder=”您的电子邮箱”>
电子邮箱：<input type="email" required name="email" id="email" place
</p>
<p>="birthday" id="birthday"
生日：<input type="date" min="1980-01-01" max="2012-3-16" name
value="1982-10-10">
</p>
<p>
博客地址：<input type="url" name="blog" placeholder=”您的博客地址”id="blog">
</p>
<p>
年龄：<input type=”number”name-”age
”您的年龄”>
</p>
<p>
工作年限：<input type=”range”mur”1”step=”1
id=”workingyear”placeholder=”您的工作年限”value=”3”>
</p>
<p>
个人简介：<textarea name=”think”cols=”40”rows=”4”><／textarea>
</p>
<p>
<input type=”submit" name=”submit" value=”提交”/>
<input type=”reset”name-”reset" value=”重写”／>
</p>
</fo rm>
<／body>
</html>
【案例说明】
①“职业”选择栏使用的是弹出式选择栏；“收入”选择栏使用的是字段式选择栏，其<select>标签中的size属性值设置为3。
②HTML5表单在各浏览器中的支持程度和表现并不一致。例如，日期时间选择器和滑动条刻度仅被Opera支持。HTML5表单中的标签类型和属性目前没有一个浏览器能够完美支持。
