表单在网页中主要负责数据采集功能,一个表单有三个基本组成部分:
- 表单标签:这里包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法
- 表单域:包含了文本框、密码框、隐藏框、多行文本框、复选框、单选框、下拉选择框和文件上传框。
- 表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了脚本的工作。
- 语法:
<form name="form_name" methopd="get/post" action="url"></form>
- name:定义表单的名字
- method:定义表单结果从浏览器传送到服务器的方式,默认参数为:get,post安全性更高,因此常用作传输密码等,而get安全性较低,一般用于查询数据。
- action:用来指定表单处理程序的位置(服务器端脚本处理程序)。
<form>元素定义了如何发送数据。它的所有属性是对用户单机提交按钮时所发送的请求进行了配置。两个与之相关的属性是action和method.
- action属性:定义了发送数据要去的地址。它的值必须是一个有效的URL,可以是相对URL也可以是绝对URL。如果没有提供此属性或者action="#",则数据将会被发送到包含表单的页面的URL.
- 语法:
将数据发送到一个绝对URL: <form action="https://www.shiyanlou.com/"> 将数据发送到一个相对URL: <form action="/somewhere_else"> 数据被发送到表单出现的相同页面上 <form action="#">
- method属性:定义如何发送数据。HTML表单数据可以通过许多不同的数据传输,其中最常见的是GET方法和POST方法。
- get方法:浏览器会将数据直接附在表单的action URL之后。这两者之间用问好进行隔离。
- post方法:首先浏览器将与action属性值顶的表单处理服务器建立联系,一旦建立联系后,浏览器就会按分段传输的方法将数据发送给服务器。在服务器端,一旦post样式的应用程序开始执行时,就应该从一个标志位置读取参数,而一旦读到参数,在应用程序能够使用这些表单值以前,必须对这些参数进行解码。用户特定的服务器会明确指定应用程序应该如何接收这些参数。
- 注:使用get请求用户将在他们的URL栏中看到的数据,但是使用post请求用户将不会看到。因此一般get用于查询数据,post用于传输密码等。
强制条目的长度:所有文本框<input>或<textarea>可以强制使用minelength和maxlength属性。如果值小于该字段minelength的值或大于maxlength值则无效。
<fieldset>元素组合表单中的相关数据,<legend>元素为<fieldset>元素定义标题。
label元素
- 为input元素进行标注,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。<label>标签的for属性应当与相关元素的id属性相同,使得<label>标签与<input>正确相关联。