Web安全开发——html进阶笔记 2

三、表单

1. 表单的创建

        表单通过

标签来创建。

标签中可以包含多个属性，用于定义表单的行为和样式。

1.action 属性：指定表单数据的目标 URL，即数据将被发送到哪个 URL 进行后续处理。

2.method 属性：定义表单数据的提交方式。常用的有 GET 和POST，

  GET方法会将表单数据附加到 action 指定的 URL 后面，以查询字符串的形式发送。这种方法适用于非敏感数据，因为数据会在 URL 中可见。

  POST方法会将表单数据作为 HTTP 请求的主体发送，适用于需要发送大量数据或敏感信息（如密码）的情况。

3.enctype 属性：指定表单数据的编码类型，常用的编码类型有

 application/x-www-form-urlencoded：这是默认的编码类型，表单数据被编码为键值对。multipart/form-data：用于文件上传，允许表单包含文件类型输入。

4.name 属性：指定表单的名称，用于在 JavaScript 等代码中进行引用。

5.target 属性：指定表单数据的提交目标，常用的有_blank（在新窗口中打开）、_self（在当前窗口中打开）等。

2. 输入框

        使用 创建，允许用户输入一行文本。

代码：

用户名:

效果：

3. 密码框

        使用 创建，输入的内容会以保密形式（如星号或圆点）显示。

代码：

密码:

效果：

4. 单选框

        使用 创建，允许用户从多个选项中选择一个。

代码：

性别:

        男

        女

效果：

5. 复选框

        使用 创建，允许用户从多个选项中选择一个或多个。

代码：

爱好：

        运动

         阅读

        旅行

效果：

6. 文本域

                使用 标签创建，允许用户输入多行文本。

代码：

自我介绍:

       

效果：

7. 下拉菜单

        使用 和标签创建，允许用户从预定义的选项中选择一个。

代码：

选择国家:

         

           中国 

           美国 

           英国 

       

效果：

8. 提交按钮

        使用 创建，用于提交表单数据。

代码：

效果：

9. 重置按钮

        使用 创建，用于重置表单中的所有字段到初始值。

代码：

效果：

10. 整体代码

 

 

 

     

     

   

 

 

 

   

 

        用户名:    

       

        密码:

       

        性别:

            男

            女

       

        爱好：

            运动            

            阅读            

            旅行

       

            自我介绍:

             

       

            选择国家:

           

               中国

               美国

               英国

                       

       

   

       

         

         

       

       

         

   

 

 

效果：