前端之路——第三篇：列表、表单、提交按钮、html布局、css的display，制造第一个表单提交案例

第三课了，今天知识点至关重要。

网页常用的表单提交！！！

就这样罗列下第三课的知识点吧，不搞水印图片了。

1.有序列表：语法（<ol><li></li></ol>），<ol>标签能让浏览器默认带出排序，教为少用

2.无须列表：语法（<ul><li></li></ul>），<ul>标签能让浏览器默认在内容前显示实心原点。可用户css（list-style（列表风格）：none（去掉前点）circle（圆形） ）去进行修改显示风格。

3.<table>表格

    语法：<table>
<thead>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</thead>
<tbody>
<td>a</td>
<td>b</td>
<td>c</td>
<td>d</td>
</tbody>
<tfoot>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
</tfoot>
</table>

4、表单 （autofocus自动聚焦、disabled禁止、max/minlength最大长度、placeholder提示信息）
   标签：<input type=""></input>

  type可选：
  text-》文本框->placeholder提示信息
  password->密码框 
  radio->input单选框
  checkbox->input多选

5.多行文本框：textarea->多行文本<textarea name="名字是给后台服务器看的" id="标识 " cols列="30" rows行="10"></textarea>  

6.下拉容器：

<select><option value="向服务器提交的值">看书</option></select> 

            submit-》<input type="submit" value="提交按钮"></input>  
            css控制外边框：outline->外边框 none取消
        

7.按钮：button 两种类型->submit（提交），button（简单按钮）。暂且保存。利用JS控制提交。
               <input type="reset" value="重置"></input>

还有些小知识点：例如利用css切换行间块，html的具体布局，一些特定的标签（br换行，hr下划线，&nbsp空格。。。。）

今天就先这么多，都是重点啊！！！！！！input需要结合css才能美观起来。以下是我的作业，哈哈，第一次做表单作业，丑的一批~~~，勿喷。