![[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>Document</title><style>div{margin-top: 10px;border-top: 1px solid gray;}</style></head><body><form action="" method="post" enctype="multipart/form-data"><fieldset><legend>注册登录</legend><div><input disabled type="text" value="星标必填"><br/><label for="uname">用户名称：<span style="color:red ;">*</span></label><input id="uname" type="text" name="username" value="" placeholder="请输入账号" required/></div><div><label for="pass">用户密码：<span style="color:red ;">*</span></label><input id="pass" type="password" name="username" value="" placeholder="请输入密码"/></div><div><label for="email">邮箱:</label><input id="email" type="email" name="email" value="" placeholder="xxx.@gmail.com"></div><div><!--1 min 最小值2 max 最大值3 step 递增递减的量--><label for="age">年龄:</label><input type="number" name="" id="age" min="18" max="100" > 岁</div><div><label for="sr">生日:</label><input type="date" name="sr" id="sr" min="1998-01-01" max="2000-01-01" ></div><div><label for="bo">博客:</label><input type="url" name="" id="bo" placeholder="http://"></div><div><label for="color">拾色器:</label><input type="color" name="color" id="color" value="#ffffff"><output>#000000</output></div><div><label for="search">搜索:</label><input type="search" name="search" id="search" placeholder="搜索用户"></div><div><!--文件上传必须将<form action="" method="post" enctype="multipart/form-data">里enctype 的属性改为 multipart/form-data 且必须是POST 传输--><label for="file">头像:</label><input type="file" name="file" id="file"></div><div><input type="hidden" name="uid" id="uid"></div><!--type="range" 滑动块--><div><label for="range">满意度:</label><input type="range" name="range" id="range" min="0" max="100" value="0"><output>0%</output></div><div><!--进度条 min 最小值不需要--><label for="" >完成进度</label><progress name="pro" max="100" value="0"></progress><output>0%</output></div><button>注册</button></fieldset></form></body></html>
PHPz