HTML 表单的常规用法

<form></form>表单标签

• 网站与用户进行信息交换的方式之一就是表单。表单可以把游览者输入的数据传送到服务器端，服务器端就可以处理表单传过来的数据。
• <form action="..." method="...">数据采集范围（表单元素） </form>
• action：游览者输入的数据被传送到地方。 method：数据传送的方式 post/get。

<form>常见的表单元素</form>

• 文本输入框
  语法：<input type="text" name="..." value="...">， name：为文本框命名，以备后台程序ASP，PHP使用， value：为文本输入框设置默认值（一般起到提示作用)，也可以使用placeholder属性。

• 密码输入框
  语法：<input type="passoword" name="..." value="...">， name：为文本框命名，以备后台程序ASP，PHP使用， value：为文本输入框设置默认值（一般起到提示作用）。

• 文本域， 支持多行文本输入
  语法: <textarea rows="行数" cols="行数"> 文本信息</textarea>

• 单选框、复选框，可以用来设计调查表
  语法：<input type="radio/checkbox" value="..." name="..." checked="checked">。
  1，type: 当type="radio", 为单选框。 当type="checkbox"， 为复选框。
  2，value：提交到服务器的值(后台程序使用)。
  3，name：为控件命名，以备后台程序使用。
  4， checked：当设置checked="checked"时，该选项默认选中。
  注意：同一组的单选按钮，name取值一定要一致，这样同一组的单选按钮才可以骑到单选的作用。

• 下拉列表框
  语法:
  <select name=" " >
  <option value="" selected> 选项</option>
  <option value=" "> 选项</option>
  <option value=" ">选项 </option>
  </select>
  1， name：为复选框命名，以备后台程序使用。
  2， value：提交到服务器的值(后台程序使用)。
  3，selected，设置了该属性，则该属性就被默认选中了。

• 提交按钮，提交数据
  语法：<input type="submit" value="提交">
  1，type：只有当type值设置为submit时，按钮才有提交作用。
  2， value：按钮上显示的文字。

• 重置按钮，重置表单信息
  语法: <input type="reset" value="提交">
  1，type：只有当type值设置为reset时，按钮才有重置作用。
  2， value：按钮上显示的文字。

• label标签
  作用：为鼠标用户改进了可用性。如果你在label标签内点击文本，就会触发控件。换句话说就是，当用户点击选中该label标签时，游览器就会自动将焦点转到与标签相关的表单控件上。
  语法：<label for="控件id名称"> 文本信息</label>。注意：标签的for属性中的值应该与相关控件的id属性值相同。