[HTML三] html表单

朱雀 2023-03-06 05:49 261阅读 0赞

### 八、表单标签 ###

#### 8.1 表单的介绍 ####

> 表单用于搜集不同类型的用户输入(用户输入的数据)，然后可以把用户数据提交到web服务器 。

#### 8.2 表单相关标签的使用 ####

1.  `<form>`标签 表示表单标签，定义整体的表单区域
2.  `<label>`标签 表示表单元素的文字标注标签，定义文字标注
3.  `<input>`标签 表示表单元素的用户输入标签，定义不同类型的用户输入数据方式
    
     *  type属性
        
         *  type=“text” 定义单行文本输入框
         *  type=“password” 定义密码输入框
         *  type=“radio” 定义单选框
         *  type=“checkbox” 定义复选框
         *  type=“file” 定义上传文件
         *  type=“submit” 定义提交按钮
         *  type=“reset” 定义重置按钮
         *  type=“button” 定义一个普通按钮
4.  `<textarea>`标签 表示表单元素的多行文本输入框标签 定义多行文本输入框
5.  `<select>`标签 表示表单元素的下拉列表标签 定义下拉列表
    
     *  `<option>`标签 与`<select>`标签配合，定义下拉列表中的选项

**示例代码:**

#### 8.3 小结 ####

*  表单标签是`<form>`标签
 *  常用的表单元素标签有: `<label>`、`<input>`、 `<textarea>`、`<select>` 等标签

### 九、表单提交 ###

#### 9.1 表单属性设置 ####

`<form>`标签 表示表单标签，定义整体的表单区域

*  action属性 设置表单数据提交地址
 *  method属性 设置表单提交的方式，一般有“GET”方式和“POST”方式, 不区分大小写

#### 9.2 表单元素属性设置 ####

*  name属性 设置表单元素的名称，该名称是提交数据时的参数名
 *  value属性 设置表单元素的值，该值是提交数据时参数名所对应的值

#### 9.3 示例代码 ####

#### 9.4 小结 ####

*  表单标签的作用就是可以把用户输入数据一起提交到web服务器。
 *  表单属性设置
    
     *  action: 是设置表单数据提交地址
     *  method: 是表单提交方式，提交方式有GET和POST
 *  表单元素属性设置
    
     *  name: 表单元素的名称，用于作为提交表单数据时的参数名
     *  value: 表单元素的值，用于作为提交表单数据时参数名所对应的值