注册新会员页面

最终效果初始代码第一步设置导航菜单第二步设置基本信息必填第三步设置其他信息选填完整的代码!DOCTYPE htmlhtmlheadtitle注册新会员/titlemeta charsetutf-8 /style typetext/cssbody{font-size:13px;}.mainDiv{border:2px solid #C8DCDB;width:900px;margin:0px auto;border-top-left-radius:20px;border-top-right-radius:20px;overflow:hidden;}.title{background-color:#94BFE2;border-bottom:1px solid #C8DCDB;height:50px;line-height:50px;font-weight:bold;padding-left:10px;font-size:15px;}.line{width:700px;height:30px;line-height:30px;font-weight:bold;margin:0px auto;margin-top:30px;border-bottom:1px solid #C8DCDB;}.item{width:700px;display:flex;margin:10px auto;}.item div:nth-of-type(1){width:100px;text-align:right;}.item div:nth-of-type(2){width:600px;}.txt1{width:200px;}.txt2{width:300px;}.txt3{width:500px;height:100px;}/style/headbodyform namefrm methodget actionhttp://www.baidu.comdiv classmainDivdiv classtitle注册新会员/div!--基本信息--div classline基本信息必填/divdiv classitemdiv会员名称/divdivinput typetext nameuserName classtxt1 //div/divdiv classitemdiv密码/divdivinput typepassword namepassword classtxt1 //div/divdiv classitemdiv确认密码/divdivinput typepassword namecheckpwd classtxt1 //div/divdiv classitemdiv性别/divdivinput typeradio namesex value男 checked/先生input typeradio namesex value女 /女士/div/divdiv classitemdiv会员类型/divdivselect nameuserTypeoption value1普通会员/optionoption value2 selectedVIP 会员/optionoption value3白金会员/option/select/div/divdiv classitemdiv联系电话/divdivinput typetext nametel classtxt1 //div/divdiv classitemdiv邮件地址/divdivinput typetext namemailBox classtxt2 //div/div!--其他信息--div classline其他信息选填/divdiv classitemdiv头像/divdivinput typefile namephoto //div/divdiv classitemdiv爱好/divdivinput typecheckbox namelike value1 checked/旅行input typecheckbox namelike value2 /唱歌input typecheckbox namelike value3 checked/游戏input typecheckbox namelike value4 /乐器input typecheckbox namelike value5 /表演/div/divdiv classitemdiv个人简介/divdivtextarea nameremark classtxt3/textarea/div/div!--提交按扭--div classitemdiv/divdivinput typesubmit value我要注册 /nbsp;nbsp;nbsp;input typereset value重 写 //div/div/div/form/body/html