- it
- 表单校验
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>注册页面</title> <style> * {margin: 0px; padding: 0px; box-sizing: border-box; }body {background: url("img/register_bg.png") no-repeat center; padding-top: 25px; } .rg_layout {width: 900px; height: 500px; border: 8px solid #EEEEEE; background-color: white; /*让div水平居中*/ margin: auto; } .rg_left {/*border: 1px solid red;*/ float: left; margin: 15px; } .rg_left > p:first-child {color: #FFD026; font-size: 20px; } .rg_left > p:last-child {color: #A6A6A6; font-size: 20px; } .rg_center {float: left; /* border: 1px solid red;*/ } .rg_right {/*border: 1px solid red;*/ float: right; margin: 15px; } .rg_right > p:first-child {font-size: 15px; } .rg_right p a {color: pink; } .td_left {width: 100px; text-align: right; height: 45px; } .td_right {padding-left: 50px; }#username, #password, #email, #name, #tel, #birthday, #checkcode {width: 251px; height: 32px; border: 1px solid #A6A6A6; /*设置边框圆角*/ border-radius: 5px; padding-left: 10px; }#checkcode {width: 110px; }#img_check {height: 32px; vertical-align: middle; }#btn_sub {width: 150px; height: 40px; background-color: #FFD026; border: 1px solid #FFD026; } .error {color: red; }#td_sub { 
