HTML表单交互

一、表单基础

1、认识表单

网页通过表单收集用户的信息，并可将收集到的信息运送到服务器端进行处理，处理之后服务端再反馈给用户相应的信息，就完成了用户和网页的交互。

• 通过表单搜集用户查询的内容：
•  通过表单收集用户注册的信息：

 2、基础表单标签

(1)input-text

当input的type值即为text，它呈现为一个文本框。

(2)Input-password

当input的type值即为password，它呈现为一个密码框。

(3)Input-radio

当input的type值为radio时，它呈现为一个单选按钮。

(4)Input-checkbox

当input的type值即为checkbox，它呈现为一个复选框。

(5)selent

• 下拉框
• 列表框

(6)input按钮

• type=button 普通按钮
• type=submit 提交按钮
• type=reset 重置按钮

(7)input文件域

(8)input-hidden 隐藏域

(9)textarea 文本区域

二、表单提交

1、提交方式method

 我们可以看到from表单内有两个属性action和method

• action：用于指定提交后，由服务器上那个处理程序处理。
• method：指定向服务器提交的方式，一般为post和get两种方式。