<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <style> label { width: 52px; height: 35px; text-align: left; display: inline-block; } </style> <h1>新用户注册信息表</h1> <form action="demo.html" method="post" enctype="application/x-www-form-urlencoded" target="_blank" id="register" > <fieldset style="width: 400px"> <legend>基本信息</legend> <div class="username"> <label for="uname">用户名:</label> <input type="text" id="uname" name="username" placeholder="请输入用户名" required /> </div> <div class="password"> <label for="psw">密码:</label> <input type="password" id="psw" name="password" placeholder="请输入密码" required /> </div> <div class="email"> <label for="myemail">邮箱:</label> <input type="email" id="myemail" name="email" placeholder="格式xxxx@xx.com" required /> </div> <div class="blog"> <label for="myblog">博客:</label> <input type="url" id="myblog" name="blog" placeholder="http://" /> </div> <div class="gender"> <label for="secret">性别:</label> <input type="radio" id="male" name="gender" value="male" />男 <input type="radio" id="female" name="gender" value="female" />女 <input type="radio" id="secret" name="gender" value="secret" checked />保密 </div> <div class="year"> <label for="myyear">年龄:</label> <input type="number" id="myyear" name="year" value="18" min="18" max="80" />岁 </div> <div class="birth"> <label for="birthday">生日:</label> <input type="date" id="birthday" name="birthday" value="2022-10-19" /> </div> <div class="hobby"> <label for="travel">爱好:</label> <input type="checkbox" id="read" name="read" />读书 <input type="checkbox" id="game" name="game" />游戏 <input type="checkbox" id="swim" name="swim" />游泳 <input type="checkbox" id="travel" name="travel" />旅游 </div> <div class="upload"> <label for="">头像:</label> <input type="file" id="" name="" /> <button type="button">上传</button> </div> <div> 个性签名<br /> <textarea maxlength="50" rows="3" cols="30" style="resize: none" ></textarea> </div> <button>提交</button> </fieldset> </form> </body></html>
