HTML学习笔记——表单

9.1 表单标记form
在网页中< form>< /form>标记对用来创建一个表单，即定义表单的开始和结束位置，在标记对之间的一切都属于表单的内容。在表单的标记中，可以设置表单的基本属性，包括表单的名称、处理程序和传送方法等。一般情况下，表单的处理程序action和传送方法method是比不可少的参数。
9.1.1 提交表单action、表单名称name、传送方法method、编码方式enctype
action用于指定表单数据提交到哪个地址进行处理。
表单的method属性用于指定在数据提交到服务器的时候使用哪种HTTP提交方法，可取值为get或者post。get：表单数据被传送到action属性指定的URL，然后这个URL被送到处理程序上。 post：表单数据被包含在表单主体上，然后被送到处理程序上。
表单中的enctype属性用于设置表单信息提交的编码方式。
默认的编码形式：application/x-www-form-urlencoded
MIME编码，上传文件的表单必须选择该项：multipart/form-data
语法：

<form action=”处理程序” name=”表单名称” method=”传送方法” enctype=”编码方式”>
......
</form>

9.1.2 目标显示方式target
target用来指定目标窗口的打开方式，表单的目标窗口往往用来显示表单的返回信息。
语法：

<form target=”目标窗口的打开方式”>
  ......</from>

9.2 插入表单对象
网页中的表单由许多不同的表单元素组成。这些表单元素包括文字字段、单选按钮、复选框、菜单和列表以及按钮。
9.2.1 文字字段text
语法：

<input name=”控件名称” type=”text” value=”文字字段的默认值”
 size=”控件的长度” maxlength=”最长字符数” />

9.2.2 密码域password
（palaceholder属性提供一种提示（hint），描述输入域所期待的值）
密码域仅仅使周围的人看不见输入的文本，它不能使数据安全，需要在浏览器和服务器之间建立一个安全链接。
语法：

<input name=”控件名称” type=”password” value=”文字字段的默认值”
 size=”控件的长度” maxlength=”最长字符数” />

9.2.3 单选按钮radio
在单选按钮中必须设置value的值，对于一个选择列表中的所有单选按钮来说，往往要设置为相同的名称，这样在传递时才能更好地对某一个选择内容进行判断。在一个单选按钮中只有一个单选按钮可以设置为checked。
语法：<input name=”控件名称” type=”radio” value=”单选按钮的取值” checked/>
9.2.4 复选框checkbox
语法：<input name=”复选框名称” type=”checkbox” value=”复选框的取值” checked/>
9.2.5 普通按钮button
value的取值就是显示在按钮上的文字，在button属性中可以添加onclick来实现一些特殊功能。
语法：<input type=”button” value=”按钮的取值” onclick=”处理程序” />
9.2.6 提交按钮submit
语法：<input type=”submit” value=”按钮的取值” />
9.2.7 重置按钮reset
语法：<input type=”reset” value=”按钮的取值” />
9.2.8 图像域image
使用一副图像作为按钮，这样做可以创建能想象到的任何外观的按钮。
语法：<input name=”图像域名称” type=”image” src=”图像路径” />
9.2.9 隐藏域hidden
有时候可能想传送一些数据，这些数据对于用户来说是不可见的。可以通过一个隐藏域来传送这样的数据。隐藏域包含那些要提交处理的数据，但这些数据并不显示在浏览器中。
语法：<input name=”隐藏域名称” type=”hidden” value=”隐藏域的取值” />
9.2.10 文件域file
文件域在上传文件时常常用到，它用于查找硬盘中的文件路径，然后通过表单将选中的文件上传，在上传图像时也常常用到。
语法：<input name=”名称” type=”file” size=”控件的长度” maxlength=”最大字符数” />
9.3 菜单和列表
菜单和列表主要是为了节省页面的空间，它们都是通过和标记来实现的。
9.3.1 下拉菜单？？？？
选项值是提交表单时的值，而选项显示内容才是真正在页面中显示的选项内容。select表示该选项在默认情况下是选中的，一个下拉菜单只能有一个默认选项被选中。
语法：

<select name=”下拉菜单名称”>
  <option value=”选项值”></option>
  ......
  </select>

9.3.2 列表项
在页面中列表项可以显示出几条信息，一旦超出这个信息量，在列表项右侧会出现滚动条，拖动滚动条可以看到所有的选项。
语法：

<select name=”列表项名称” size=”显示的列表项数” multiple=””>
  <option value=”选项值” selected=””></option>
  ......
  </select>

9.4 文本域标记textarea
当需要让浏览者填入多行文本时，就应该使用文本域而不是文字字段。和其他大多数表单对象不一样，文本域使用的是textarea标记而不是input标记。
语法：<textarea name=”文本域名称” cols=”列数” rows=”行数”></textarea>
9.5 id标记
在HTML中，id用来表示页面的唯一元素，因此在定义标签名时最好根据其含义进行命名。
语法：<id=”元素的标识名”>