Day_3.(1)

日子一天一天地过去了，一眨眼就已经第三天了。课程进度已经慢慢跟上，在课堂里，我又学到了新的知识。我习惯把每样东西都整理归类，发现今天老师讲了有12个网站的内容，这些内容中有我学过的，也有不懂的。我感觉获益良多，因为我发现有好几个新的标签功能是经常能用到的，这能让我自己制作的网站更加丰富了。

今天老师讲了以下内容：

1：表单的运用2。

在这一个章，让我学会了好两个input标签里面的新类型：

颜色选择器：type=“color”

拖动条：type=“range”

2：get和post的区别。

这一章，说到了from元素的method属性用来指定发送form的http方法。

使用get时，form数据集被附加到form元素的action属性所指定的URL后面，私密性较低；

 使用post时，form数据集被包装在请求的body中并被发送，私密性比较高。

3：option的运用(下拉分组和索引)

这一章我学到了新的知识，类似于网页搜索引擎上的索引功能，用户输入某个字的时候就提示相关的搜索词。

input 里面加一个list的属性，然后和datalist标签的id相同，就可以属于一些字符，系统自动筛选到option的Value值。

<input type="text" name="" list="year" /> <datalist id="year"> <option value="BMW">baoma</option> <option value="BC">benci</option> <option value="BJH">baojuhua</option> <option value="ZZM">zhengzhaoming</option> <option value="Zr">zhongruan</option> </datalist>

4：fieldset的运用。

在这一章我学会了表格框fieldset的运用和进度条的使用，以前总是想在网页上添加一个进度条读取的效果，但是总靠PS解决，但是现在学了这个meter标签就方便多了，而且通过老师布置下来的作业，我还学会了如何去修改meter标签的样式。

meter::-webkit-meter-bar,.deal meter::-webkit-meter-bar {background: #FFF;border: 1px solid #ccc;border-radius: 10px;}/*空底框*/ 

meter::-webkit-meter-optimum-value { background: linear-gradient(to bottom, #7E97A9,#7590A4); border-radius: 10px; }/*上底色的样式 to bottom渐变，由第一个颜色到第二个颜色*/ 未完待续。。。。。。。。