注册表单代码
<!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>
注册表单效果
原创作者:吴小糖
创作时间:2022-8-23