四、表单
4.1 表单的基本概念
在我们页面上唯一用于接收用于输入并与服务器交互的元素——表单
我们做在网站或软件系统时会尽量避免用户输入,在任何软件系统都会存在需要用户输入的要素,用来收集用户的信息;
在网页上能够接收输入的只有表单;
表单是一个统称,它指的一系列表单元素的集合;
4.2 HTML 的表单元素
- 文本框(text)
- 密码框(password)
- 日期框(date)
- 数字框(number)
- 复选框(checkbox)
- 单选按钮(radio)
- 文本域(textarea)
- 文件域(file)
- 下拉列表(select)
- 隐藏域(hidden)
- 提交按钮(submit)
- 重置按钮(reset)
- 普通按钮(button)
- 图片按钮(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 自定义注册表单