html的下拉列表和表格

html的下拉列表和表格

总结：

今日所学有：文件选择框、 下拉列表、textarea标签、fieldset标签、隐藏域、表格等。

1.文件选择框

 选择你的头像：<inputtype="file"accept="image/*"/>

选择你的头像：<inputtype="file"accept="image/jpeg"/>

 File：选择文件的按钮

Accept属性：指定文件可选择类型。

在表单中需要上传文件指定对应表单的属性。

2.下拉列表

<select>标签定义了一个下拉列表

<option>标签定义了一个下拉列表选项

<select>标签的name属性定义了提交的参数名

<option>标签的内容定义了该选项显示的文本，value属性定义了选项时传递的参数值

 2.1多选可通过设置multple属性来实现。

<select>标签的size属性定义了下拉列表框显示的选项个数，当小于实际选择个数时，会自动添加滚动条

<optgroup>的label属性定义分组显示的文字，disabled设置该分组不能用

3.textarea标签

textarea标签主要是为了方便用户输入较多文字信息，rows属性指行数，cols属性指列。

4.fieldse

Fieldset标签主要是分组每一组有默认的边框，达到表达清晰即可，legend属性标题

5.隐藏域

当type=“hidden”是则这文本框为隐藏是为不让用户修改数据。

6 .表格

表格的组成部分：标题、表头、主体、表尾

<table>定义一个表格

<caption>定义表格的标题

<thead>定义表头部分

<tbody>定义表格主体部分

<tfoot>定义表尾，一般显示汇总信息等

<tr><td>定义一个数据项，《th》一般用于表头，有加粗样式，<td>一般用于表格主体部分，没有加粗样式。

<td>的roespan和colspan分别定义了单元跨行的行数、跨列的