4.表单与输入

html表单与输入

    • 1.什么是HTML表单
    • 2.常见的表单输入元素
    • 3.GET与POST
          • (1)什么是 HTTP ?
          • (2)两种 HTTP 请求方法:
          • (3)GET
          • (4)POST
    • 4.演示代码
      • 演示结果:

看完本节,你将会了解到:

①理解表格、列表与表单的区别
②掌握表单中各常用输入类型的定义方法
③了解GET请求与POST 请求的区别,并可以使用GET请求方式向另一页面传递数据

1.什么是HTML表单

表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等

比如:搜索框就是一个表单
在这里插入图片描述

2.常见的表单输入元素

①文本域(Text Fields)
文本域通过标签来设定,当需要在表单中键入字母、数字等内容时,就会用到文本域。

②密码字段,用于输入密码
使用来定义

③单选按钮(Radio Buttons)

使用 来定义表单单选按钮

比如:选"是"“否”

④复选框
使用 定义复选框,用户可在其中选取一个或多个

④下拉单选列表
使用 定义了提交按钮.
当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理

3.GET与POST

(1)什么是 HTTP ?

超文本传输协议(HTTP)的设计目的是保证客户端与服务器之间的通信。

(2)两种 HTTP 请求方法:

GET 和 POST
GET - 从指定的资源请求数据。
POST - 向指定的资源提交要被处理的数据

(3)GET

GET 请求可被缓存
GET 请求保留在浏览器历史记录中
GET 请求可被收藏为书签
GET 请求不应在处理敏感数据时使用
GET 请求有长度限制
GET 请求只应当用于取回数据

(4)POST

POST 请求不会被缓存
POST 请求不会保留在浏览器历史记录中
POST 不能被收藏为书签
POST 请求对数据长度没有要求

4.演示代码


表单与输入

表单与输入

姓名
密码
性别
是否已婚
兴趣爱好唱歌画画游戏运动

演示结果:

在这里插入图片描述


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部