HTML表单的用法

• 和我们平时填写的纸质表单一样，HTML 表单用于搜集不同类型的用户输入。

• 表单是一个包含表单元素的区域，表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。
• 用户提交表单时向服务器传输数据，从而实现用户与web服务器的交互。

---

常见用法

1.输入框

            
输入框
            用户名： 
            

            密码： 
            

2.单选框

 
单选框
            ra1：
            

            ra2：
            

            ra3：
            

            ra4：
            


            ra5：
            

            ra6：
            

            ra7：
            

            ra8：
            

3.复选框

     
复选框
            CK1：
            

            CK2：
            

            CK3：
            

            CK4：
            

4.文件上传

  
File
            
            

5.图片按钮

    
image 按钮
            
            

6.隐藏域

            
隐藏域
            
            

7.下拉菜单

      
下拉菜单
            
                1
                2
                3
                4
            
            

8.文本域

 
多行文本
            123
            

9.按钮

 按钮
              提交
             重置

---

form

form标签是表单的外壳，主要有四个属性

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

password
输入内容自动变成圆点

checkbox
靠name
属性分组，提交到后端的时候被选中的value是以,
分割的一个字符串，通过name属性获得

file

accept：mime 类型，多个以,
分割
MIME

select
后端以select标签的name获取选中的option的value