HTML表单

一、传统表单(一)

1、表单是什么？

01.在网页中主要负责数据采集功能的组件。

02.通常与数据库相连。

03.由表单元素组成。

2、表单组件介绍：

01.文本(字段)

02.选择

03.单选按钮（组）

04.文本域

05.复选框

06.密码（字段）

07.文件域

08.提交按钮

09.重置按钮

3、form 标签 （表单范围）

...

action 属性——指的是要用哪一些对应的脚本来处理这些数据。

method 属性——指的是数据交互的形式，其中有两个属性值 post 和 get 。

id 属性—— 指的是它唯一的标识

4、input 标签的 type 属性

Password:

01.type 属性值

type= "radio" --- 单选按钮

type= "checkbox" --- 复选框

type= "text" --- 文本

type= "password" --- 密码字段

type= "file" --- 文件域

type= "button" --- 普通按钮

type= "submit" --- 提交按钮

type= "reset" --- 重置按钮

02. name 属性

表单元素的名称

注：同一组单选按钮的的 name 值是相同的。

03. id 属性

唯一标识符

同一个网页里id不能重复

04.label 标签(标签文字) --- 将文字与表单元素关联

标签文字

注：label for 属性的值是取于input id 属性的值来进行关联的。

小结：

01.form 标签是表单本身。

02.input 标签是表单元素最常见的情况，它的 type 属性是非常多样化的，不同的 type 属性值决定了 表单元素的类型。

03.label 标签是用来关联文字的，它的 for 属性的值跟 input id 属性的值是对应一致的。

二、传统表单(二)

1、select 标签（选择菜单）和 option 标签（选项）

选项1 选项2

01.value 属性 --- 值，可能传递至数据库。

02.selected 属性 --- 默认选项

2、textarea 标签 --- 大段、多行的文本区域

介绍