Form(表单)对于每个WEB开发人员来说应该是再熟悉不过的东西了,可它却是页面与WEB服务器交互过程中最重要的信息来源。虽然http://Asp.net WebForms框架是为了帮助我们简化开发工作,做了很完美的封装,让我们只需要简单的使用服务端控件就可以直接操作那些HTML表单元素了。
接下来我将跟大家一起聊一下form表单!
form 表单的定义:
之前学习的标签更多的是向用户展示信息,假如服务器需要验证用户是否存在,这时就需要有一个用户输入内容的标签。表单在网页中主要负责数据采集功能,它用< from>标签定义。用户输入的信息都要包括在form标签中,点击提交后,< form>和< /form>里面包含的数据将被提交到服务器或者电子邮件中。
所有用户输入内容的地方都用表单来写,如登录注册、搜索框。
表单在Web网页中用来给访问者填写信息,从而能采集客户端信息,使网页具有交互的功能。一般是将表单设计在一个HTML文档中,当用户填写完信息后做提交操作,于是表单的内容就从客户端的浏览器传送到服务器上,经过服务器上的ASP或PHP等处理程序处理后,再将用户所需信息传送回客户端的浏览器上,这样网页就具有了交互性。这里我们只将怎样使用HTML标志来设计表单。
表单是由窗体和控件组成的,一个表单一般应该包含用户填写信息的输入框,提交按钮等。这些输入框,按钮叫做控件,表单很想容器,他能够容纳各种各样的控件。
表单标签的格式:
< form action="url" method=get|post name="myform" >< /form>
name:表单提交时的名称
action:提交到的地址
method:提交方式,默认为get
post和get之间的区别是什么呢?
1.数据提交方式,get把提交的数据url可以看到,post看不到
2.get一般用于提交少量数据,post用来提交大量数据
3.get最多提交1K数据,post理论上没有限制
4.get提交的数据在浏览器历史记录中,安全性不好
一个完整的表单包含三个基本组成部分:表单标签、表单域、表单按钮
1.表单标签是指< form>标签本身,它是一个包含表单元素的区域,使用< form>< /form>定义
2.表单域是< form>标签中用来收集用户输入的每一项,通常用input标签来定义,input标签有不同的类型,对应用户不同的数据。
3.表单按钮是用来提交< form>表单中的所有信息到服务器
*表单域和表单按钮都属于表单元素
< form>标签所有属性
以上我们列举的是< form>标签的常用属性,接下来看一下它的所有属性:
action:规定用户点击提交按钮时,表单被提交到的位置
method:规定表单提交时所使用的http请求方法,只能是get或post中的任意一种
name:定义表单的名称,不能包含特殊字符和空格
accept-charset:规定在被提交表单中使用的字符集(默认:页面字符集)
autocomplete:规定被提交数据的编码(默认:开启)。
enctype:规定被提交数据的编码(默认:url-encoded)。
novalidate:规定浏览器不验证表单
target:规定action属性中地址的目标(默认:_self)
![](https://s1.ax1x.com/2020/09/03/w9z7kT.png)
(ps:如果您觉得有用,请点赞转发,让更多人看到)