下拉列表

下拉列表

 

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

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

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

<option>标签的内容定义了该选项显示的文本

         Value属性定义了选中该选项时传递的参数值

比如选中河南提交：

 

Multiple属性可以实现多选，按住ctrl+单击 可以选择多个

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

 

可以使用<optgroup>进行分组

 

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

Textarea

Textarea主要为了方便用户输入较多的文字信息

Rows编辑区域的行数  cols编辑区域的列数

 

隐藏域

当需要向服务器传递参数，该参数无需用户输入，甚至不惜让用户看见，就可以使用隐藏域

 

Table和div

表格

前端wed14

学号	姓名	性别	年龄
01	小明	男	18
02	小丽	女	22
人数合计			39

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

定义一个表格：table

定义表格的标题：caption

定义表头部分：thead

定义表格主体（数据）部分：tbody

定义表尾，一般显示汇总信息：tfoot

定义一行：tr

定义一个单元格（数据项）：td/ th   th一般用于表头部，有加粗的样式

                                Td主体部分，没有加粗样式

Td的rowspan和colspan分别定义了单元格跨行的行数。跨列的列数

Cellspacing 表格与表格之间的间距

Cellpadding 表格与内容之间的间距

 

 

Div

Div标签定义了一个分块

 

显示特点：在新的一行显示 块级标签

块级标签：div p h1-h6 列表标签（ul ol li dl dt dd）form table

行内标签：span a lable

行内块：img input selest button

 

块级元素的特点：

1， 每个块都是从新的一行开始，后面的元素会另起一行

2， 元素的宽度，高度，行高，内外边距都可以设置

行内元素的特点：

1， 和其他元素都在一行上

2， 不能设置宽度，高度，行高，内外边距

行内块的特点：

1， 可以和其他元素都在一行上

2， 元素的宽度，高度，行高，内外边距都可以设置