html的下拉列表和表格
总结:
今日所学有:文件选择框、 下拉列表、textarea标签、fieldset标签、隐藏域、表格等。
1.文件选择框
选择你的头像:<input type="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分别定义了单元跨行的行数、跨列的