五、Html表单标签_html/css_WEB-ITnose

表单，表单控件的主要作用就是收集用户体验，当用户提交表单时，用户输入的内容将作为请求参数提交到远程服务器。

1，form标签

3，列表框和下拉菜单

用于创建列表框和下拉菜单，该元素必须和结合使用，每个代表一个列表项或者一个菜单项
经常用到2个属性，disabled，用于设置禁用该列表框和下拉菜单。
multiple：用于设置是否多选。
值得注意的是：一个到底是生成列表框还是生成下拉菜单，是由上面这2个元素来决定的。要是指定了size或者multiple，那么就生成了列表框，否则就是下拉菜单。
：一个选项。value表示请求参数值，disabled这个选项是否禁用，selected，这个选项是否选中
：一个选项组。label，必填，用来指定这个选项组的标签。
以下是包含上面标签的一份html：

4，使用textarea定义文本域

：用于在html中定义多行文本域，2个属性必填，cols和rows，用于指定文本域的宽度和高度。多行文本域比较特殊，除了普通的事件属性，他还可以指定onselect属性，用于表示文本域里面的内容被选中时候的事件。 <br /> 与单行文本框相同的是，<textarea>元素也应该指定name属性，该属性将作为textarea的请求参数名，与单行文本框不同的是，<textarea>不能指定value属性，<textarea>之间的内容将作为所对应的请求参数的参数值。
关于这个标签还是经常会用到的，在以前我写表单的时候，将单行的文本框拉长拉宽，但是我们在输入的时候也只能是一行，不能换行的，忽忽。
以下是包含这个标签的一份html：

5，使用label定义标签

用于在表单元素中定义标签，这些标签只是对其他可以生成请求参数的控件来做说明的，本身是不会产生请求参数的，所以不要为元素指定value的属性值。
从表面上看，元素只是输出普通文本，其实他最大的作用就是，当我们点击生成的文本时，他说关联的表单控件将自动获得焦点。
让标签和表单控件关联有2种方式：
1，隐式使用for属性：设置标签的for属性指向所关联表单控件的id属性值。
2，显式关联：将普通文本，表单控件丢在标签内部就可以了。关于这2种方式推荐使用第一种，也就是使用for来隐式关联，因为后面一种可能在ie下不兼容。
以下是包含上面标签的一份html：

6，使用button定义按钮

元素用于定义一个按钮，在这个标签的内部可以包含普通的文本，文本格式化标签，图像等内容，这也就是和按钮的不同之处。
这个标签使用不多，最多就是在一个按钮做成图像格式的才会用到。以下是一份html：