<!DOCTYPE html><html lang="en"><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>用户注册</title></head><body> <form action="register.php" id="register" method="post"> <div class="username"> <label for="username">用户名:</label> <input type="text" id="username" name="username" placeholder="请输入用户名" required> </div> <div class="pwd"> <label for="pwd">密码:</label> <input type="password" name="pwd" id="pwd" placeholder="请输入密码" required> </div> <div class="blog"> <label for="blog">blog:</label> <input type="url" name="blog" id="blog"> </div> <div class="color"> <label for="color">颜色选择器:</label> <input type="color" name="color" id="color"> </div> <div class="age"> <label for="age">年龄</label> <input type="number" name="age" id="age" min="18" max="100"> </div> <div class="gender"> <label for="secret">性别:</label> <input type="radio" name="male" id="male">男 <input type="radio" name="woman" id="woman">女 <input type="radio" name="secret" id="secret" checked>秘密 </div> <div class="hobby"> <label>爱好:</label> <input type="checkbox" name="hobby[]" value="game" id="game" checked><label for="game">游戏</label> <input type="checkbox" name="hobby[]" value="trave" id="trave"><label for="trave">旅游</label> <input type="checkbox" name="hobby[]" value="shoot" id="shoot"><label for="shoot">摄影</label> <input type="checkbox" name="hobby[]" value="program" id="program" checked><label for="program">编程</label> </div> <div class="birthday"> <label for="birthday">生日</label> <input type="date" name="birthday" id="birthday" min="1949-10-01" max="2022-10-01"> </div> <div class="email"> <label for="email">邮箱:</label> <input type="email" name="email" id="email"> </div> <div class="range"> <label for="star">星级</label> <input type="range" name="star" id="star" min="1" max="5"> </div> <div class="education"> <label for="">学历:</label> <select name="education"> <option value="" selected disabled>--请选择--</option> <option value="1">小学</option> <option value="2">初中</option> <option value="3">高中</option> <option value="4">专科</option> <option value="5">本科</option> </select> </div> <div class="file"> <label for="file">上传:</label> <input type="file"> </div> <div> <label for="info">个人简介:</label> <textarea name="info" id="info" cols="30" rows="10"></textarea> </div> <button>注册</button> <button type="button">普通</button> </form></body></html>
效果展示：
