![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
PHPzCorrection status：qualified
Teacher's comments：完成的不错,具体的效果也都实现了,接下来的课程会来给这些效果设置样式,继续加油
Collection
Collection
<!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>
PHPz