今天完成的事情：

关于任务的流程横条

大屏时后三列设宽，第一列占8成

小屏时第二列设成和第一列相同响应式

有点麻烦，因为四个元素要贴合，不知道有没有比较方便的布局

单选框

HTML <input> 标签

文本输入框

Html提供了二种选择框，单选框和复选框

语法：

<input type="radio/checkbox" value="值" name="名称" checked="checked" />

type:选择框的类型，

radio表示单选，

checkbox表示多选。

value:提交到后台的值，后台使用

name:控件名，后台可使用。注：单选框name值必须一致否则无法实现单选

checked：是否选择状态。

在input元素中，将其type属性值设置为radio，即为单选框，

此时只需将要设置的单选选项的name属性设置成一致的，即可实现单选功能。

代码：

<input class="list1" type="radio" name="pai" id="pair">

                <label class="list-fon" for="pair" >对口箱</label>

<input class="list1" type="radio" name="pai" id="pair1">

                <label class="list-fon" for="pair1" >飞机杯</label>

同时用label将相应字段关联上该input属性

（当label的for属性值与input的id属性值相同时 ，即可关联。关联上之后，点击字段即可选中相应的单选框）

收获：

学习了单选框和多选框的应用