Note: Learn HTML Forms by Building a Registration Form

给body width: 100%, height: 100vh; margin: 0;
form要有action和method
form下面第一层级是fieldset，第二层级是label，描述文字放到label里
rem是基于html的font-size的一个单位
label默认是inline的不换行，label添加display:block;使之换行，并添加margin: 0.5rem 0;
input是label下一个层级，input的id要和label的for保持一致
input的type，默认是text，可以用email、password等
提交按钮input的type是submit，记得设置value为Submit或提交
required为必填
minlength="8"可以设置最小长度，比如密码必须要8位
pattern="[a-z0-5]{8,}"可以用正则做校验
type="radio"是单选，需要用同样的name连接起来
描述文字和input的前后视需要而定，中间可以用空格
input type="file"可以选择上传文件
input type="number"可以输入数字
<select>可以出现下拉，里面用<option>标签，每个option标签必须有一个value="1"或者什么，第一个可以是空
不管是input、textarea、select等，都需要在label标签下
每个label必须有for，每个input/textarea/select等必须要有id，两者相同
textarea可以设置高宽，rows="3" cols="30"
每个input/textarea/select等必须要有name，radio不用
给body设置font-family: Tahoma; font-size: 16px;
使用margin: 1em auto;text-align: center;把h1和p居中
使用margin: 0 auto;把form居中，然后设置min-width和max-width，中间设置width: 60vw;
使用border:0移除fieldset的边框，然后padding: 2rem 0;设置上下内距
使用border-bottom: 3px solid #3b3b4f;给fieldset一个下边框
使用fieldset:last-of-type {border-bottom: none;}选择最后一个fieldset把边框变成0
如果要使label的文字在输入组件的上方，选择input/textarea/select，把他们变成width: 100%;这样的话他们就会占用一整行
然后给他们10px的margin-top，其它为0
为了让label和input在同一行，给所有input一个class=“inline”，然后inline class定义为width: unset，这样width就不会受到上面的影响，再给margin: 0 0.5em 0 0;
为了让单选的原点垂直居中，inline再加上vertical-align: middle;
input和textarea可以修改bgc和border，使之融入背景，记得同时修改color和min-height高度
使用input[type="submit"]可以选中按钮，设置成display: block; width: 60%; margin: 0 auto; 使之居中
使用input[type="file"]选中上传按钮，设置padding: 1px 2px;
给form设置一个padding-bottom: 2em;