<!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>
