HTML表单的用法

简介

HTML表单是一个包含表单元素的区域，用来收集用户输入的内容并提交。<form>的常用属性：

• action ：表单提交的地址
• method ：提交表单的方法，有get和post两种。

常用表单元素

• 单选框，相同name为一组

<form action="/getInfo" method="get">
      <input type="radio" name="width" value="70"> 70
      <input type="radio" name="width" value="80"> 80
</form>

• 复选框，可通过checked属性默认选中

<form action="/getInfo" method="get">
      <input type="checkbox" name="width" value="70"> 70
      <input type="checkbox" name="width" value="80"> 80
</form>

• 文本框，包括单行文本和多行文本

<form action="/getInfo" method="get">
      <input type="text"> 
      <textarea></textarea>
</form>

• 密码框

<form action="/getInfo" method="get">
      <input type="password"> 
</form>

• 文件上传

<form action="/getInfo" method="get">
      <input type="file"> 
</form>

• 下拉框

<form action="/getInfo" method="get">
      <select>
          <option value="beijing">北京</option>
          <option value="shanghai" selected>上海</option>
          <option value="hangzhou">杭州</option>
      </select>
</form>

• 按钮

<form action="/getInfo" method="get">
      <input type="buttom" value="按钮">
      <input type="submit" value="提交">
      <input type="reset" value="重置">
</form>