四、表单


四、表单

4.1 表单的基本概念

在我们页面上唯一用于接收用于输入并与服务器交互的元素——表单
我们做在网站或软件系统时会尽量避免用户输入,在任何软件系统都会存在需要用户输入的要素,用来收集用户的信息;
在网页上能够接收输入的只有表单;
表单是一个统称,它指的一系列表单元素的集合;

4.2 HTML 的表单元素

  1. 文本框(text)
  2. 密码框(password)
  3. 日期框(date)
  4. 数字框(number)
  5. 复选框(checkbox)
  6. 单选按钮(radio)
  7. 文本域(textarea)
  8. 文件域(file)
  9. 下拉列表(select)
  10. 隐藏域(hidden)
  11. 提交按钮(submit)
  12. 重置按钮(reset)
  13. 普通按钮(button)
  14. 图片按钮(image)

4.3 使用表单需要注意的事项

在网页中如果只写表单元素是无效的,表单元素必须归到一个表单中才起作用,在 HTML中使用<form></form>一对标签来表示一个表单;
需要的表单元素必须在这对标签中才能起作用(form 表单);
常见的表单元素都在一个<input>标签中,在 form 标签中有一个 action 的属性,该属性的值指定当前表单的提交位置,当用户单击 submit 按钮时,会自动将表单的数据提交到 action 属性指定的位
置。
表单有两种提交方式(form标签的method属性中设置):

4.3.1 GET提交方式(默认)

1.1 不安全,在地址栏中会显示提交的数据信息
1.2 GET提交方式提交的数据量大小不能超过255个字节

4.3.2 POST提交方式

1.1 安全,在地址栏中不显示提交的数据
1.2 POST 提交方式理论上提交的数据量可以无限制,页面与服务器交互都有提交方式,超链接的提交方式为get

4.4 自定义注册表单

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 4
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

&小小白&

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值