FORM 表单的用法

Web 如何向服务器提交数据？答案是表单。平时我们使用的登录框、搜索框等都是表单的组成。

表单元素用<form>标签包裹，有四个主要属性：

• action，指定表单提交的地址
• method，指定提交表单的方法
• target，指定表单提交后在何处打开action地址
• enctype，指定表单数据的编码类型，有三个值：
  • application/x-www-form-urlencoded：在发送前编码所有字符（默认）
  • text/plain：空格转换为 "+" 加号，但不对特殊字符编码
  • multipart/form-data：使用包含文件上传控件的表单时，必须使用该值

常见的表单元素/控件有：

• <input type="text" />，用于输入可见文本
• <input type="password" />，用于输入密码，浏览器会自动遮蔽输入的文本
• <input type="radio" />，单选框
• <input type="checkbox" />，复选框
• <input type="file" />，用于上传本地文件
• <input type="hidden" />，用于提交不需要或不应该被用户看到的数据
• <input type="button" />，为表单创建一个按钮
• <input type="submit" />，为表单创建一个提交按钮，默认行为是点击时就提交表单
• <input type="reset" />，清空表单数据
• <textarea>，创建一个文本域
• <button>，创建一个按钮，默认行为是点击时就提交表单

<label>标签

<label>可以为控件添加文本标签，点击标签时就可以把焦点落到对应的控件上。为控件指定标签有两种方法：

• 为控件添加id值，然后在<label>的for属性中指定这个id值，如<label for='uname'>username</label><input id="uname" type="text" name="username" />
• 用<label>包裹控件，如<label>username<input type="text" name="username" /></label>，无需指定id