高端官网建设大同网站建设公司,大同网站设计公司,大同网站制作公司,大同网站建设,大同网站设计,大同网站制作

代码如下: <! 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 1placeholder="您的账号(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" namevalue="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="1id="workingyear"placeholder="您的工作年限"value="3"> </p> <p> 个人简介:<textarea name="think"cols="40"rows="4"></textarea> </p> <p> &nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" name="submit" value="提交"/>&nbsp;&nbsp; <input type="reset"name-"reset" value="重写"/> </p> </fo rm> </body> </html>案例说明①"职业"选择栏使用的是弹出式选择栏;"收入"选择栏使用的是字段式选择栏,其<select>标签中的size属性值设置为3。 ②HTML5表单在各浏览器中的支持程度和表现并不一致。例如,日期时间选择器和滑动条刻度仅被Opera支持。HTML5表单中的标签类型和属性目前没有一个浏览器能够完美支持。