4000 html的下拉列表和表格
2017-07-10 20:29
169 查看
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分别定义了单元跨行的行数、跨列的
总结:
今日所学有:文件选择框、 下拉列表、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分别定义了单元跨行的行数、跨列的
相关文章推荐
- HTML下拉列表 textarea fieldset及表格的运用
- HTML学习笔记五 列表标签+表格标签
- HTML无序列表和表格实例
- HTML源码:超全的“公司规模”下拉列表
- html中meta标签link标签无序有序列表表格表单
- HTML基础 form-select创建只有一级的下拉列表,不选的时候只显示一个
- HTML下拉列表 textarea 分组 隐藏域
- Select下拉列表设置默认值,html和js
- html页面显示list,生成下拉列表
- HTML中的列表和表格
- html编辑页面中 跳转获取下拉列表中的选定值 jstl
- @Html.DropDownList()动态读取下拉列表
- HTML--文本标签/marquee/bgsound/列表标签/超链接标签/img 图像标签/转义字符/表格标签/表单提交/框架标签
- Html标签使用——文字、列表、表格、超链接
- 发布一款层次下拉列表控件 转自 http://www.cnblogs.com/studyzy/archive/2008/02/25/1080289.html?
- 如何选中html中下拉列表中的选项的文字
- HTML02- 列表、表格与框架
- <HeadFirst_HTML与CSS> O'REILLY_Chap.13_表格与更多列表
- javascript如何操作HTML下拉列表标签
- HTML基础 form-select-optgroup创建两级有标题的下拉列表