日子一天一天地过去了,一眨眼就已经第三天了。课程进度已经慢慢跟上,在课堂里,我又学到了新的知识。我习惯把每样东西都整理归类,发现今天老师讲了有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渐变,由第一个颜色到第二个颜色*/ |