HTML表单的基本用法

什么是HTML表单？

• 表单是一个包含元素的区域，表单元素是允许用户在表单中（比如：文本域，列表，单选框，复选框等）输入信息的元素。

form的常用属性

• action：提交表单的地址
• method：提交表单的方式（get和post）

form元素的用法

• 单行文本框
  

  任务5-1（text）.png
  效果：
  

  任务5-1.0.png

• 密码框
  

  任务5-2（password）.png
  效果：
  

  任务5-2.0.png

• 单选按钮
  

  任务5-3（radio）.png
  效果：
  

  任务5-3.0.png

• 复选框
  

  任务5-4（checkbox）.png
  效果：
  

  任务5-4.0.png

• 多行文本
  

  任务5-5（textarea）.png
  效果：
  

  任务5-5.0.png

• 下拉列表...
  

  任务5-6（select）.png
  
  
  效果：
  

  任务5-6.0.png
  
  *提交表单按钮
  
  

  任务5-7（submit）.png
  效果：
  
  

  任务5-7.0.png