2018.7.3

今天完成的事情:

1.完成任务八

2.开始任务十

明天计划的事情:

1.完成任务十

遇到的问题:

收获:

学习了css模拟html checkbox的功能。

纯css实现的主要手段是利用label标签的模拟功能。

label的for属性可以关联一个具体的input元素，即使这个input本身不可被用户可见，有个与它对应的label后，用户可以直接通过和label标签交互来替代原生的input。

<label> 标签的 for 属性应当与相关元素的 id 属性相同。

通过隐藏原生input，通过input的id，关联对应label标签，然后对label标签进行样式定义

<input> 标签

<input> 标签用于搜集用户信息。根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

<input>没有结束标签。

<input/> 标签必须被/正确地关闭。

input标签常用的样式

text           定义图像输入的替代文本。规定帮助用户填写输入字段的提示。

checked         规定此 input 元素首次加载时应当被选中。用于多选框按钮

number          规定输入字段中的字符的最大长度。

field_name       定义 input 元素的名称。

button          定义按钮，现在利用button标签实现

password         定义密码

radio           定义多选按钮

checkbox         定义复选框