注册表单代码
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>会员注册</title>
</head>
<body>
<h3>会员注册</h3>
<form action="ceshi.php" method="post">
<div>
<label for="name">昵 称:</label>
<input type="text" placeholder="至少两个字符" id="name" />
</div>
<div>
<label for="username">账 号:</label>
<input type="text" placeholder="请输入数字和字母" id="username" />
</div>
<div>
<label for="email">邮 箱:</label>
<input type="email" placeholder="请输入邮箱" id="email" />
</div>
<div>
<label for="phone">手 机 号 :</label>
<input type="tel" placeholder="请输入手机号" id="phone" />
</div>
<div>
<label for="password">密 码:</label>
<input type="password" placeholder="请输入密码" id="password" />
</div>
<div>
<label for="nan">性 别:</label>
<input type="radio" id="nan" name="sex" value="0" checked /><label
for="nan"
>男</label
>
<input type="radio" id="nv" name="sex" value="1" /><label for="nv"
>女</label
>
</div>
<div>
<label for="#">爱 好:</label>
<input
type="checkbox"
id="yumaoqiu"
name="hobby[]"
value="0"
checked
/><label for="yumaoqiu">羽毛球</label>
<input
type="checkbox"
id="pingpangqiu"
name="hobby[]"
value="1"
/><label for="pingpangqiu">乒乓球</label>
<input type="checkbox" id="lanqiu" name="hobby[]" value="2" /><label
for="pingpangqiu"
>篮球</label
>
</div>
<button>提交</button>
</form>
</body>
</html>
效果
注意事项
1、多选框的时候,注意name属性要使用数组;如:hobby[]
。