《四》表单

表单：用于显示、收集信息，并提交信息到服务器。

表单控件：包含在表单元素中具有可视化外观的 HTML 元素，用于访问者输入信息。包含<input/>、<textarea></textarea>、<label></label>、<select></select>、<option></option>、<fieldset></fieldset>、<legend></legend>。

<form></form> 表单标签：

用来创建表单。

属性：

1. action：表单数据处理程序的 URL 地址。

2. method：表单数据提交的方式，属性值为 get 或 post（大小写都可以）。

   get 方式提交时，会将表单的内容附加在 URL 地址后面，所以限制了提交的内容的长度，不超过 8192 个字符，且不具备保密性。
   post 方式提交时，将表单中的数据一并包含在表单主体中，一起传送到服务器中处理，没有数据大小限制，具备保密性。

3. enctype：表单数据进行编码的方式。

   1. application/x-www-form-urlencoded：默认的编码类型。会将表单数据中非字母数字的特殊字符转换成转义字符，以 “名称/键值” 的形式传递。
      

   2. multipart/form-data：用来传递二进制数据。
      

   3. text/plain：不对特殊字符进行转义，以纯文本的形式传递。
      

4. target：用来指定目标窗口。

5. name：表单名称。

<input> 输入框标签：

是单标记。

<input type="text"/> ：

创建单行文本框。

属性:

1. value：属性值。
2. placeholder：提示文本。
3. maxlength：输入框中最大允许输入的字符数。
4. disabled：不可操作。

<input type="radio"/> ：

创建单选框。一组单选框的 name 属性值必须相同。

属性：

1. value：属性值。
2. checked：被选中。

<input type="checkbox"/> ：

创建多选框。一组多选框的 name 属性值必须相同。

属性：

1. value：属性值。
2. checked：被选中。

<input type="password"/> ：

创建密码框。

<input type=”file”/>：

创建文件选择框，用于选择要上传的文件。

<input type=”hidden”/>：

创建隐藏域，在表达中包含不希望用户看到的信息。

<input type=”button”/>：

创建普通按钮，用于执行客户端脚本。

属性：

1. value：按钮的文本。

<input type=”submit”/>：

创建提交按钮，传输表单数据给服务器端或其他处理程序。

属性：

1. value：按钮的文本。

<input type=”reset”/>：

创建重置按钮，清空表单内容并把表单设置为最初的默认值。

属性：

1. value：按钮的文本。

<select></select> 选项框标签：

<select></select> 表示下拉菜单，<option></option> 是它内部的选项。

<select></select> 的属性：

1. size：大于 1 则为滚动列表，否则为下拉选项框
2. multiple='multiple'：可多选。

<option></option> 的属性：

1. value：选项的值。
2. selected：被选中。

<select> 
     <option value=”1”>JAVA</option>
     <option value=”1”>C++</option>
</select>

<textarea></textarea> 多行文本输入框标签：

创建多行文本输入框。

属性:

1. cols：指定文本区域的列数。
2. rows：指定文本区域的行数。

<label></label> ：

将文本与控件进行绑定，单击文本就如同单击控件。

属性：

1. for：表示与该元素相联系的控件的 ID 值。

// 在 HTML 4 中，是通过 label 标签的 for 属性和控件的 id 属性进行绑定的
<input type=”radio” id=”man”/>
<label for=”man">男</label>

// 在 HTML 5 中
<label>
	<input type=”radio”> 男
</label>

<fieldset></fieldset> 和 <legend></legend>：

<fieldset></fieldset> 标签：为控件分组。
<legend></legend> 标签：为分组指定一个标题。

<fieldset>
      <legend>地址信息</legend>
      地址：<input type=”text”/><br>
      邮编：<input type=”text”/>
</fieldset>