今天完成什么:

1 学习input表单输入元素；默认语法：<input type="text" />;type=""是属性值

属性值有以下常用几个：

password：输入密码

radio：单选按钮，名字相同的按钮作为一组进行单选。互斥必须要有相同的name属性。name就是“名字”。

checkbox：多选按钮，名字相同的按钮作为一组进行选择。

checked：将单选按钮或多选按钮默认处于选中状态。

button：普通按钮，结合js代码进行使用。

submit：提交按钮，传送当前表单的数据给服务器或其他程序处理。

这个按钮不需要写value自动就会有“提交”文字。这个按钮真的有提交功能。点击按钮后，这个表单就会被提交到form标签的action属性中指定的那个页面中去。

reset：重置按钮，清空当前表单的内容，并设置为最初的默认值

image：图片按钮，和提交按钮的功能完全一致，只不过图片按钮可以显示图片。

value="内容"：文本框里的默认内容（已经被填好了的）

size="50"：表示文本框内可以显示五十个字符。一个英文或一个中文都算一个字符。

 注意size属性值的单位。

readonly：文本框只读，不能编辑。

因为它的属性值也是readonly，所以属性值可以不写。 用了这个属性之后，在google浏览器中，光标点不进去；在IE浏览器中，光标可以点进去，但是文字不能编辑。

disabled：文本框只读，不能编辑，光标点不进去。属性值可以不写。

2.了解CSS命名规范；例如大家都知道JavaScript，这个是驼峰命名法；另外例如.redbox应该改为.red-box这样，后面很多看不懂，先浏览了部分命名方式。

3.完成自我介绍，浏览MdN网站巩固基础，

4.任务四弄登陆框的时候切来的图标和文本输入框输入框尝试了width和height的值还是一样图标没变动，一开始不知道表单元素输入框大小的 用什么样式，后来搜了下想把输入的窗口拉长，结果默认的样式查询窗口比较短，简单用width和height来改变form的设置，导致文本框与按钮分成了两行。另外图片与图片之间的间隙和大小也还是不熟悉，尝试去调也还是失败，明天再搜下相关img资料。

明天计划：

完成调试好任务四。