今天完成的事情：

1.任务8、9修改好并通过了审核；

2.任务十开了个头。

明天计划的事情：

1.做完任务十。

遇到的问题：

1.按钮样式更改很麻烦，一时无法下手；

解决方案：

1.对单选按钮自定义样式，可以使用新的伪类 :checkbox 来实现。

如果直接对单选按钮设置样式，那么这个伪类并不实用，因为没有多少样式能够对单选按钮起作用。不过，倒是可以基于单选按钮的勾选状态借助组合选择符来给其他元素设置样式。

很多时候，无论是为了表单元素统一，还是为了用户体验良好，我们都会选择 label 元素和 input[type="radio"] 一起使用。当<label>元素与单选按钮关联之后，也可以起到触发开关的作用。

思路：

1. 可以为<label>元素添加生成性内容(伪元素)，并基于单选按钮的状态来为其设置样式；

2. 然后把真正的单选按钮隐藏起来；

3. 最后把生成内容美化一下。

今天会尝试一下。

收获：

1.HTML 5 <input> placeholder 属性

定义和用法

placeholder 属性提供可描述输入字段预期值的提示信息（hint）。

该提示会在输入字段为空时显示，并会在字段获得焦点时消失。

注释：placeholder 属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 password。

语法

<input placeholder="text">

限制输入框输入字段的长度：oninput="if(value.length>11)value=value.slice(0,11)"