html5 css3实现一款注册表单实例.docVIP

html5+css3实现一款注册表单实例 　　注册表单采用html5+css3布局实现，效果相当不错，感兴趣的前端web设计者可以参考下哈，希望可以帮助到你 html源码： 代码如下: 　　lt;!DOCTYPE html lt;html lt;head lt;meta http-equiv=“Content-Type” content=“text/html; charset=utf-8” / lt;link rel=“stylesheet” href=“css/style.css” / lt;script src=“/ajax/libs/jquery/1.7.1/jquery.min.js”lt;/script lt;/head lt;body lt;div id=wrapper lt;div id=lbllt;/div lt;form lt;fieldset id=account lt;legend个人信息lt;/legend lt;label for=username账号:lt;/label lt;input id=username class=textbox type=text name=username required placeholder=“请填写账号” / lt;label for=password1密码:lt;/label lt;input id=password1 class=textbox type=password name=password1 required placeholder=“请填写密码”/ lt;label for=password2重复密码:lt;/label lt;input id=password2 class=textbox type=password name=password2 required placeholder=“请重复密码”/ lt;label for=email邮箱地址:lt;/label lt;input id=email class=textbox type=email name=email required placeholder=“” / lt;/fieldset lt;fieldset id=personal lt;legend其他信息lt;/legend lt;label for=website个人网址:lt;/label lt;input id=website class=textbox type=url name=website required placeholder=“” / lt;label for=age年龄:lt;/label lt;input id=age class=textbox type=number name=age min=18 step=2 pattern=“[0-9]{1,3}” placeholder=“填写年龄” lt;label for=salary月薪:lt;/label lt;input id=salary class=textbox type=range name=salary min=0 max=50000 step=500 pattern=“[0-9]{2,}” placeholder=“月薪几多” value=10000 onchange=“showValue(this.value)” / lt;span id=rangevalue10000lt;/span lt;script function showValue(value) { document.getElementById(“rangevalue”).innerHTML=value; } lt;/script lt;label for=description描述:lt;/label lt;textarea id=description name=description cols=30 rows=5 placeholder=“这里是详细描述”lt;/textarea lt;/fieldset lt;fieldset id=confirm lt;input type=submit value=“提交” / lt;div class=“clearfix”lt;/div lt;/fieldset lt;/form lt;/div lt;/body lt;/html css源码： 代码如下: 　　body{ background:url(bg.jpg) r