1.文件选择框
accept属性指定可选择的文件类型(application应用)
上传文件需指定对应表单的属性:
enctype=”multipart/form-data”
2.下拉列表
使用下拉列表的好处:
(1)节省页面空间,使得页面更加简洁;
(2)使用户方便输入;
(3)规范输入。
当action=“result.html”URL地址栏显示提交的参数: 省份=32
URL地址栏最后面显示提交的参数:省份=32#
多选可通过设置multiple属性来实现,ctrl选择多个
可以用optgroup标签来进行分组。
select标签定义了一个下拉列表
select标签的name属性定义了提交的参数名
select标签的size属性定义了下拉列表框显示的选项个数,当小于实际选项个数时,会自动增加一个滚动条。
select标签的selected属性是设置默认选项
option标签定义下拉列表的一个选项
option标签的内容定义了该选项显示的文本,value属性定义了选中该选项是传递的参数值。
optgroup的label属性定义分组显示的文字,disabled设置该分组不能用。
3.textarea
textarea标签主要是为了方便用户输入较多文字信息,rows属性指定编辑区域的行数,cols属性指定编辑区域的列数。
textarea表单文字区块标记,需要填写大量资料时使用。
textarea文本框所输入的内容会出现在URL地址栏中,其中“+”表示文本最前面有几个空格
4.fieldset
当信息较多时,可以考虑按照信息内容进行分组,达到表达清晰的目的。
fieldset标签提供将信息分组的一种方式,分组后每组信息默认有一个边框。同时可以使用ledend标签为每组指定一个标题
自己总结:
fieldset(自定义字段)对表单中的元素进行分组并在文档中区别标出文本。虽然是在表单外,但仍是表单的一部分。
fieldset标签的Legend标签定义个人表头
fieldset标签的disabled属性定义显示的该文本框无法输入
fieldset标签的name属性定义name=”personalia”
fieldset标签的style属性设置自定义字段的边框
5.隐藏域hidden
当需要向服务器传递参数,且该参数无需用户输入,甚至都不想用户看见,可以使用隐藏域来实现。
table
表格
表格的组成部分:标题、表头、主体、表尾
table定义一个表格
caption定义表格的标题
thead定义表头部分
tbody定义表格主体(数据)部分
tfoot定义表尾,一般显示汇总信息等
tr定义一行
th一般用于表头,有加粗样式
td一般用于表格主体部分,没有加粗样式
td的rowspan和colspan分别定义单元格的跨行的行数、跨列的列数