HTML 表单的用法

HTML 表单用于搜集不同类型的用户输入。HTML表单是用户交互中非常强大的工具。使用<form>元素来定义一个HTML表单。

1. <form>元素是表单的外壳，有主要4个属性：

• action 表单提交的地址
• method 表单提交的方式,一般用get或者post
• target 在何处打开action，用的较少

• enctype 编码的方式

  
  image.png

2. input 通过type来设置不同的input类型

• input type="text“ 普通的文本输入框，单行输入

  
  image.png
  

  效果如下：

  
  image.png

• input type="password" 输入消息以圆点的形式展示，输入密码用

  
  image.png
  

  效果如下：

  
  image.png

• input type="check box" 勾选，多选

  
  image.png
  

  效果如下：

  
  image.png

• input type="radio" 勾选，单选

  
  image.png
  

  效果如下：

  
  image.png

• input type="file" 上传文件

  
  image.png
  

  效果如下：

  
  image.png

3. textarea 用于展示，很大的输入框

   
   image.png
   

   效果如下：

   
   image.png

4. select 下拉多选，selected默认选项

   
   image.png
   

   效果如下：

   
   image.png