![[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="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><!-- action:处理表单数据脚本的url地址 --><!-- method:表单的提交方式 --><from action="register.php" method="post"><!-- fieldset:表单空件的分组 --><fieldset style="display: inline-grid; gap: 1em"><legend>用户注册</legend><div class="username"><label for="">用户名:</label><!-- type="text":单行文本框 --><!-- autofocus:页面初始化/加载成功时,焦点自动落入。 --><!-- required:必填项,不写不能提交 --><input type="text" id="username" name="username" value="" placeholder="不少于六位数" autofocus required></div><div class="email"><label for="email">邮箱:</label><input type="email" id="email" name="email" placeholder="请输入正确的格式！" required></div><div class="password"><label for="">密码:</label><input type="password" id="password" name="password" placeholder="输入不少于6位数的密码" required><button>查看</button></div><div class="age"><label for="age">年龄:</label><input type="number" id="age" name="age" min="18" max="80"></div><div class="birthday"><label for="birthday">生日:</label><input type="date" id="birthday" name="birthday" value="2008-08-08" min="1949-10-01"></div><div class="sex"><label for="sex">性别:</label><input type="radio" name="sex" value="male" id="male" checked><label for="male">男</label><input type="radio" name="sex" value="male" id="female"><label for="male">女</label><input type="radio" name="sex" value="male" id="secret"><label for="male">保密</label></div><div class="hobby"><label for="">爱好:</label><input type="checkbox" name="hobby[]" value="trave" id="trave"><label for="trave">旅游</label><input type="checkbox" name="hobby[]" value="trave" id="programe"><label for="programe">编程</label><input type="checkbox" name="hobby[]" value="trave" id="shoot"><label for="shoot">摄影</label><input type="checkbox" name="hobby[]" value="trave" id="food"><label for="food">美食</label></div><div class="education"><label for="">学历:</label><select name="education"><option value="1">中学</option><option value="2">高中</option><option value="3">大学</option><option value="4">研究生</option></select></div><button>提交</button></fieldset></from></body></html>