什么是form表单
在网页中,表单主要负责数据采集
功能。
表单的三个组成部分
网页中采集数据的表单由三个部分组成,表单标签
、表单域
、表单按钮
。
表单标签
HTML 的form是一个“容器”,用来将页面上指定的区域
划定为表单区域
表单域
表单域
提供了采集用户信息的渠道
,常见的表单域有:input、textarea、select 等
注意:每个表单域必须包含 name 属性
,否则用户填写的信息无法被采集到
!
表单按钮
当表单数据填写完毕后,用户点击表单按钮
,会触发
表单的提交操作
,从而把采集到的数据提交给服务器
。
注意:
①type="submit"
表示提交按钮
的意思
②type 属性的默认值
就是submit
,因此 type="submit" 可以省略不写
form标签的属性
form标签最重要的 3 个属性分别是 action、method 和 enctype。
以GET方式提交表单数据
在form标签上,通过action
属性指定提交的 URL 地址
,通过 method
属性指定提交的方式为GET
注意:由于 method 属性的默认值
就是 GET
,因此上述的 method="GET"
可以被省略
!
<form action="http://www.liulongbin.top:3009/api/form" method="get">
姓名: <input type="text" name="username"><br>
密码: <input type="password" name="password"><br>
<button type="submit">提交</button>
</form>
以POST方式提交表单数据
在form标签上,通过 action
属性指定提交的 URL 地址,通过 method
属性指定提交的方式为 POST
,并通过 enctype
属性指定数据的编码方式为