form表单的作用(form表单的用法)

http://www.itjxue.com  2023-01-27 04:24  来源:未知  点击次数: 

form是什么意思啊

表单。

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。表单使用表单标签定义。

表单在网页中主要负责数据采集功能。

一个表单有三个基本组成部分:表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。

表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。

表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。

Html页面代码中 为什么要使用表单标签,使用该标签有什么意义?

通俗的讲

form标签是用来进行表单提交用的

form标签里面的常见属性如下

action:

表单提交的地址,

肯定是要提交给某个服务器的,action的地址就是要提交的服务器的地址

method:以何种方式提交,常见的为get和post.

区别在于一个是明文(在url中显示),一个是暗文

form标签是和服务器交互用的,

以用户注册为例

用户在浏览器中的注册页面添加信息后,点击提交,此时是将这些信息提交至某个服务器

服务器根据提交的信息将注册信息保存.

这个过程就需要使用form标签了

form中action属性应该是服务器注册模块的地址

form标签下应该有input,textarea,select等表单标签以及input

type="

submit"标签

当点击submit按钮时,浏览器会自动将表单信息封装提交至action中的地址

所谓的提交就是访问action中地址并携带着form表单中input,textarea,select的信息

form表单介绍

表单在web应用中主要是用来进行数据收集的,将用户的输入通过表单收集后传给服务端

常用的input标签:

type=text:输入类型是text,这是我们见的最多也是使用最多的,比如登陆输入用户名,注册输入电话号码,电子邮件,住址等等。

type=password:输入类型是password,一看就明白的密码输入框,最大的区别就是当在此输入框输入信息时显示为保密字符。

type=textarea:输入类型是textarea,用来输入大段文字

type=hidden:表单的隐藏域,一般用来传递参数,而又不想显示在客户端,就可以用hidden来实现

type=checkbox:多选框,常见于注册时选择爱好、性格、等信息。参数有name,value及特别参数checked(表示默认选择) 其实最重要的还是value值,提交到处理页的也就是value。

type=radio:单选框,出现在多选一的页面设定中。参数同样有name,value及特别参数checked。不同于checkbox的是,name值一定要相同,否则就不能多选一。当然提交到处理页的也还是value值。

type=file:文件上传选项,作为文件上传的按钮,点击文件上传按钮后会弹出目录框供选择文件

type=submit or type=reset

分别是“提交”和“重置”两按钮,submit主要功能是将Form中所有内容进行提交action页处理,reset是快速清空所有填写内容的功能。

GET和POST是HTTP请求的两种基本方法,他们的区别主要有以下几点

GET后退按钮/刷新无害,POST数据会被重新提交(浏览器应该告知用户数据会被重新提交)。

GET书签可收藏,POST为书签不可收藏。

GET能被缓存,POST不能缓存 。

GET编码类型application/x-www-form-url,POST编码类型encodedapplication/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编码。

GET历史参数保留在浏览器历史中。POST参数不会保存在浏览器历史中。

GET对数据长度有限制,当发送数据时,GET 方法向 URL 添加数据;URL 的长度是受限制的(URL 的最大长度是 2048 个字符)。POST无限制。

GET只允许 ASCII 字符。POST没有限制。也允许二进制数据。

与 POST 相比,GET 的安全性较差,因为所发送的数据是 URL 的一部分。在发送密码或其他敏感信息时绝不要使用 GET !POST 比 GET 更安全,因为参数不会被保存在浏览器历史或 web 服务器日志中。

GET的数据在 URL 中对所有人都是可见的。POST的数据不会显示在 URL 中。

? ?1. 表单(form)的控件名,提交的数据都用控件的name而不是id来控制。因为有许多name会同时对应多个控件,比如checkbox和radio, 而id必须是全文档中唯一的。此外浏览器会根据name来设定发送到服务器的request。因此如果用id,服务器是无法得到数据的。

? ? 2. frame和window的名字,用于在其他frame或window指定target。

radio分组通过控制name属性值来实现,相同的name属性值为一组,例如:

input type=radio name="sex" value="男"男

input type=radio name="sex" value="女"女

input type=radio name="sex1" value="男"男

input type=radio name="sex1" value="女"女

这里面的name属性值有两个,一个是sex,另外一个是sex1,通过name的设置就自动的将这里的4个单选分成了两组,name="sex"的为一组,name="sex1"为另一组

总结:控制name属性值来实现radio的分组

placeholder 属性提供可描述输入字段预期值的提示信息(hint)。该提示会在输入字段为空时显示,并会在字段获得焦点时消失。placeholder是html5的新属性。

? 1、隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器。

2、有些时候我们要给用户一信息,让他在提交表单时提交上来以确定用户身份,如sessionkey,等等.当然这些东西也能用cookie实现,但使用隐藏域就简单的多了.而且不会有浏览器不支持,用户禁用cookie的烦恼。

3、有些时候一个form里有多个提交按钮,怎样使程序能够分清楚到底用户是按那一个按钮提交上来的呢?我们就可以写一个隐藏域,然后在每一个按钮处加上 onclick="document.form.command.value="xx""然后我们接到数据后先检查command的值就会知道用户是按的那个按钮提交上来的。

4、有时候一个网页中有多个form,我们知道多个form是不能同时提交的,但有时这些form确实相互作用,我们就可以在form中添加隐藏域来使它们联系起来。

5、javascript不支持全局变量,但有时我们必须用全局变量,我们就可以把值先存在隐藏域里,它的值就不会丢失了。

6、还有个例子,比如按一个按钮弹出四个小窗口,当点击其中的一个小窗口时其他三个自动关闭.可是IE不支持小窗口相互调用,所以只有在父窗口写个隐藏域,当小窗口看到那个隐藏域的值是close时就自己关掉。

如:

1、input type=hidden name=coun value=%=cc%

这里的隐藏域名为coun,值为%=cc%,假设前面cc=100的话,即值为100;

2、递交表单form action=xx.asp到新页面xx.asp;

3、在xx.asp页中,使用request.write request.form("coun"),则在页面中显示的值就是100。

form 1116 什么作用

为用户输入创建HTML表单。form标签用于为用户输入创建HTML表单。表单能够包含input元素,比如文本字段、复选框、单选框、提交按钮等等。

(责任编辑:IT教学网)

更多

推荐浏览器文章