<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<style>
body {
text-align: center;
}
.content {
border: solid 1px royalblue;
width: 400px;
background-color: slategray;
margin: 0 auto;
}
</style>
<body>
<div class="content">
<h3>账户注册</h3>
<form id="regist">
<div>
<label for="user">
用户名：
</label>
<input
id="user"
type="text"
name="username"
value=""
placeholder="不少于10个字"
required
/>
</div>
<div>
<label for="pwd" style="letter-spacing: 4px;">
密码：
</label>
<input
id="pwd"
type="password"
name="password"
value=""
placeholder="密码不少于10位"
required
/>
</div>
<div>
<label for="sex_n">性别：</label>
<input type="radio" name="sex" id="sex_n" checked /><label for=”sex_n”
>男</label><input type="radio" name="sex" id="sex_v" /><label for="sex_v">女</label></div><div><label for=" ">兴趣爱好：</label><input type="checkbox" name="data[book]" id="book" /><label for="book">看书</label><input type="checkbox" name="data[movie]" id="movie" /><labelfor="movie">看电影</label><input type="checkbox" name="data[play]" id="play" /><label for="play">运动</label><input type="checkbox" name="data[game]" id="game" /><label for="game">玩游戏</label></div><div><label for="" style="letter-spacing: 7px;">生日：</label><input type="date" name="sr" /></div><div><label for="">所属部门:</label><!-- 数据绑定 预加载 --><input type="text" list="boss" /><datalist id="boss"><option value="信息管理中心"></option><option value="信息咨询"></option><option value="研发设计组"></option><option value="研发开发组"></option><option value="国内销售"></option><option value="国外销售"></option></datalist></div></form><!-- 不在form表单中单独的邮箱提交 绑定表单form的id值 --><div><label for="email" style="letter-spacing: 11px;">邮箱:</label><inputtype="email"name="email"id="email"form="regist"requiredautofocus/></div><!-- 绑定form的id值提交 --><button formaction="index.php?Logo=regist" formmethod="GET" form="regist">注册</button><button formaction="index.php?Logo=login" formmethod="POST" form="regist">登陆</button></div></body></html>
