今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）

今天开始主体的单选框的编写。

这里了解到了表单元素。

html表单：

是一个包含表单元素的区域。允许用户在表单中输入内容，比如：文本域（textarea）、下拉列表、单选框（radio-buttons）、复选框（checkboxes）等。

表单使用表单标签<form>来设置。

<form>

.

<input>元素

.

</form>

前面的任务也接触过input标签。它是输入标签，是由类型属性（type）来定义的。

常用的几个输入类型：

1、文本域（text fields）：通过<input type="text">标签来设定，用户用到字母数字内容时，会用到文本域。

2、密码字段：通过input type=“password”name=“pwd”定义。

3、单选按钮（radio button）：input type=“radio”标签定义了表单单选框选项。

4、复选框（checkboxes）input type=“checkboxes”定义复选框，用户需要从若干给定的选择中选取一个或若干选项。

5、提交按钮（submit button）：定义提交按钮。

因为主体内容就涉及到input标签中的单选按钮<input type="radio">的样式改变，这里就有一个问题，我在查资料的时候是直接有模板的，我对于这个元素不是很清楚，看了资料感觉有点懵，

这里type类型属性定义了这是单选按钮，写法后面的“name”属性在这里是定义input的名字,这里我查了下资料，id和name的区别，id是唯一性不能重复相当于身份认证，name是名字所以可以重复。这里value属性不是很重要，一般运用在type=“text”文本框中使用比较多。

看资料是在是看不懂。让师兄帮我分析了一下，查资料先看定义再看用法。

任务10中用到的元素是label和input，还有一个单选框选中需要用到的checked属性。

label标签的定义是为input元素定义标注（标记）。

用法：label元素不会向用户呈现任何特殊效果。但是它为鼠标改进了可用性。如果再label元素内点击文本就会触发控件，就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

如：这里里面的小圆点就是触发控件后显示的效果。

这里就需要用到label关联input。

label的属性有两个；1、是for属性，值是id。通过id来关联input。

写法：

这样label就关联了input，但是因为关联label看不到实际效果，所以关联后就需要用到checked属性让选中的单选框聚焦，其他的单选框不会同时选中。

还有伪元素:before选择器的使用。

明天计划的事情：（一定要写非常细致的内容） 

争取完成任务10的编写。

遇到的问题：（遇到什么困难，怎么解决的） 

关于单选框的样式怎么修改，还有checked属性定义选中单选框

收获：（通过今天的学习，学到了什么知识）

label标签关联input。