表单的标签是<form>,它使页面与客户的互动成为可能。而它的大部分元素字自HTML2.0后就没有再改变过,由此可见这是一个多么具有卓越性的设计。
<form>标签是用于创建供用户输入的HTML表单。它的属性如下:
action | 规定当提交表单时向何处发送表单数据 |
method | 规定用于发送表单数据的 HTTP 方法。(get:在url地址上面传送参数到服务器,post:在后台传送参数到服务器) |
name | 规定表单的名称。 |
target | 规定在何处打开 action URL。 |
enctype | 规定在向服务器发送表单数据之前如何对其进行编码。(适用于 method="post" 的情况) |
accept-charset | 规定服务器可处理的表单数据字符集。 |
autocomplete | 规定是否启用表单的自动完成功能。 |
aovalidate | 如果使用该属性,则提交表单时不进行验证。 |
这其中最常用到的属性是action、method、name、target,而autocomplete、aovalidate是HTML5新增的属性。原本<form>标签还有一个accept属性,是用于规定服务器接收到的文件的类型,但是现在HTML5已经不支持。
<form>标签所能包含的表单元素有<input>、<textarea>、<button>、<select>、<option>、<optgroup>、<fieldset>、<label>。其中,
<label>是一个文本标签,它能通过for属性关联其他表单元素。
<input>是让用户可以在其中输入数据的一个标签,它的类型由type属性决定。
<textarea>标签是用于定义一个多行的文本输入控件。
<button> 标签定义一个按钮。可在其中放置文本或图片。
属性 |
说明 |
name |
下拉列表框的名称 |
size |
下拉列表框的显示行数 |
multiple |
是否多选 |
disabled |
是否禁用 |
selected |
设置默认选中的选项 |
value |
选项的值 |
例:
<select name="city">
<optgroup label="广东">
<option value="st">汕头</option>
<option value="gz">广州</option>
</select>