HTML5实现注册表单

article/2025/9/23 21:16:24

注册表单代码

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>注册账号</title></head><body><form action="getSend.php" method="GET"><fieldset><legend>注册界面</legend><div><label><span>账号: </span><input type="text" name="account" placeholder="请输入账号" required /></label></div><div><label><span>密码: </span><input type="password" name="password" placeholder="请输入密码" required /></label></div><div><span>性别: </span><label><input type="radio" name="sex" value="男" checked>男</label><label><input type="radio" name="sex" value="女">女</label><label><input type="radio" name="sex" value="保密">保密</label></div><div><span>爱好: </span><label><input type="checkbox" name="hobby" value="篮球">篮球</label><label><input type="checkbox" name="hobby" value="足球">足球</label><label><input type="checkbox" name="hobby" value="跑步" checked>跑步</label><label><input type="checkbox" name="hobby" value="音乐" checked>音乐</label><label><input type="checkbox" name="hobby" value="电影">电影</label></div><div><label><span>简介: </span><textarea name="content" cols="40" rows="10" placeholder="立志做一名优秀的程序猿..."></textarea></label></div><div><label><span>生日: </span><input type="date" name="time" required></label></div><div><label><span>电话: </span><input type="number" name="tel" placeholder="请输入手机号" required></label></div><div><button type="submit">马上注册</button><button type="reset">清空所有信息</button></div></fieldset></form></body>
</html>