（接上文实例练习）
- form表单
表单是一个包含表单元素的区域。实现本页与其他页的数据交互。
form有两个属性，action和method，action后面跟的是传回服务器的路径，method传回服务器的方式,只有两种方式，post加密，get不加密。
form的作用是提取input标签中name属性的value，传回后台服务器。
<form action="某路径" method="post">
<table>
<tr>
<td>学生姓名：</td>
<td>
<input type="text" name="sname">
</td>
</tr>
</table>
</form>
在前端界面显示为:
前端界面图示.png
当用户在前端界面输入信息时，例如，输入"杨过"，当用户提交后，form表单提取name属性的值传回服务器，传回的数据为，sname:杨过 。
-
select下拉框
select 元素可创建单选或多选菜单。option定义下拉选项
下拉框图示.png
上图代码为：
<select >
<option value="s0">---请选择---</option>
<option value="s1">s001牛顿</option>
<option value="s2">s002牛逼</option>
</select>
- input标签（2）
就算是资深的程序员也不一定能记得所有关键词的意思，不一定能知道所有需要如何实现，至此，必须告诉大家，外事不决问百度，普通1-3年经验的软件测试需要解决的问题，百度都有。
比如课后练习中笔试时间后面的日期是一个下拉选择框：
image.png
百度搜索关键字 “html 日期下拉框”，注意筛选与自己想要的相符的内容，第二篇文章中，就提到日期控件date。
百度图示1.png
百度图示2.png
于是在我们自己的代码中相应的位置键入以下代码,就能得到想要的效果：
<input type="date">
之后就可以自己运用百度做出课后练习中的效果。
再提示一下，都是input标签的type属性的其它种类哟
五、注释
<!-- 注释内容，注释不会在浏览器中显示。-->
注释的作用，对纷繁复杂的代码进行解释，方便自己和别人看懂。
注释.png
注释的妙用，当自己辛苦写了一段代码不需要是，用注释包住，因为你永远无法知道你的领导会不会砍掉你辛苦写的功能后，又反复无常的说，Emmmm....我想了一下，那个功能还是不能砍掉。如果此时你已删除代码，卒。如果你只是用注释包住，取消注释即可，老板还会赞你真是可good boy！
课后作业：做出如下页面效果，并对所写代码进行注释。
课后作业.png
