表单提交Post方法、Get方法
- <form id="login" name="login" method ="get" action="Get.aspx">
- <p>用户名:<input id="txtUserName" name="txtUserName" type="text" /></p> <!--用户名文本框-->
- <p>密 码:<input id="txtPWD" name="txtPWD" type="text" /></p> <!--密码文本框-->
- <p><input id="subLogin" name ="subLogin" type="submit" value="提交" /></p><!--提交按钮-->
- </form>
- <form id="login" name="login" method ="Post" action="Post.aspx">
- <p>用户名:<input id="txtUserName" name="txtUserName" type="text" /></p> <!--用户名文本框-->
- <p>密 码:<input id="txtPWD" name="txtPWD" type="text" /></p> <!--密码文本框-->
- <p><input id="subLogin" name ="subLogin" type="submit" value="提交" /></p><!--提交按钮-->
- </form>
浏览器中效果
- protected void Page_Load(object sender, EventArgs e)
- {
- string strUserName = Request.Form["txtUserName"];
- string strPWD=Request .Form["txtPWD"];
- if (strUserName == "张三" && strPWD == "123456")
- {
- Response.Write(strUserName + "登录成功!");
- }
- else
- {
- Response.Redirect("Login.htm");
- }
- }
运行的结果
- <form id="login" name="login" method ="get" action="Get.aspx">
- <p>用户名:<input id="txtUserName" name="txtUserName" type="text" /></p> <!--用户名文本框-->
- <p>密 码:<input id="txtPWD" name="txtPWD" type="text" /></p> <!--密码文本框-->
- <p><input id="subLogin" name ="subLogin" type="submit" value="提交" /></p><!--提交按钮-->
- </form>
- protected void Page_Load(object sender, EventArgs e)
- {
- string strUserName = Request.QueryString ["txtUserName"];
- string strPWD = Request.QueryString["txtPWD"];
- if (strUserName == "张三" && strPWD == "123456")
- {
- Response.Write(strUserName + "登录成功!");
- }
- else
- {
- Response.Redirect("Login.htm");
- }
- }
运行结果:
在html中:name指的是用户名称,ID指的是用户注册是系统自动分配给用户的一个序列号。name是用来提交数据的,提供给表单用,可以重复;id则针对文档操作时候用,不能重复。如:document.getElementById();一、ID是在客户端脚本里用!NAME是用于获取提交表单的某表单域信息,在form里面,如果不指定Name的话,就不会发送到服务器端。二、以下元素input、select、form、frame、iframe用name,而以下元素table、tr、 td、div、p、span、h1、li用id,表单元素(form input textarea select)与框架元素(iframe frame)用 name,这些元素都与表单(框架元素作用于form的target)提交有关, 在表单的接收页面只接收有name的元素, 赋ID的元素通过表单是接收不到值的. 当然上述元素也可以赋ID值, 赋ID值的时候引用这些元素的方法就要变一下了. 赋 name: document.formName.inputName document.frames("frameName") 赋 ID : document.all.inputID document.all.frameID 只能赋ID不能赋name的元素:(除去与表单相关的元素都只能赋ID) body li a table tr td th p div span pre dl dt dd font b 等等举个简单的例子 <form name="form1"> 用户名:<input type=text name="username" id="username"> 密码:<input type=password name="password" id="pwd"> </form> 如果我要获得用户名和密码;JS用name获得的话,就得写成document.form1.username.value; document.form1.password.value; 用id获得: docuement.getElementById("username"); docuement.getElementById("pwd"); 有时候name 可能会出现相同的名字,所以这时候我们用name获得就无法确定获得的是哪个值了。 document.getElemntsByName("username"); 这里得到的是一个数组 document.getElementsByName(xxx); 取出的数组 document.getElementById(xxx); 取出是单个对象 还有需要注意的有些元素 比如 div 可以用 id名字直接得到对象 <div id="div1"></div> div1.innerHTML = "asdfasdf";而表单元素 就不可以这样了 只能用 document.getElementById(xx)
表单提交Post方法、Get方法相关推荐
- html form提交前验证,form表单提交前验证实现方法
form表单提交前验证实现方法2017-11-26 20:54 form表单提交是网站中最常见的,基本上所有的网站都会用到. 除非你就一些静态网页,仅仅是展示,而不需要互动,所以不需要提交表单. 但是 ...
- jquery form表单提交成功,回调方法
先下载 jquery-form.js [#assign security=JspTaglibs["http://www.springframework.org/security/tags&q ...
- 获取表单提交的数据getParameter()方法
请求对象:request public String getParameter(String name); 通过request的getParameter(String name)方法获取 表单里 ...
- base64上传为表单提交给后台的方法
一个base64文件 "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASUAAADkCAYAAADepDLSAAAgAElEQVR4Xuy9a ...
- php 表单提交文件大小,PHP如何通过表单直接提交大文件详解
PHP如何通过表单直接提交大文件详解 前言 我想通过表单直接提交大文件,django 那边我就是这么干的.而对于 php 来说,我认为尽管可以设置最大上传的大小,但最大也无法超过内存大小,因为它无法把 ...
- html 提交form表单提交数据格式,form表单提交数据
form表单提交的几种方法 HTML表单提交的几种方式方式一:通过submit按钮提交方式二:通过一般按钮button提交1/3javascript">functionsubmit1( ...
- 表单提交中get和post方式的区别
表单提交中get和post方式的区别有5点 1.get是从服务器上获取数据,post是向服务器传送数据. 2.get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段 ...
- layui表单提交使用form.on(‘submit(sub)‘,function (){}) 使用ajax请求时回调不执行的原因及解决方法
layui表单提交使用form.on('submit(sub)',function (){}) 使用ajax请求时回调不执行的原因及解决方法 参考文章: (1)layui表单提交使用form.on(' ...
- vue 添加完数据后刷新页面_vue form 表单提交后刷新页面的方法
最近做的项目中,有增删改表格功能,在操作后需要实时更新页面数据.下面可以这样解决. 1.在methods中 定义好一个初始化渲染实例. 例如 lnitializationData(){//初始化页面数 ...
最新文章
- map/set/object/array对比
- 2021-01-27 计算机-进程与线程区别
- 手把手教你Python获取全部金融数据
- 基于javafx的五子棋_基于JavaFX的SimpleDateFormat演示程序
- 经典面试题(31):以下代码将输出的结果是什么?
- android系统优化(17)---高通平台性能优化概述
- Adwonder笔记
- 计算机c语言知识点txt,计算机二级C语言(重要知识点)
- qt 不允许 dllimport 静态数据成员 的定义_C++类和对象的定义
- [数据模型] 数据表三种关联的概述
- c语言三种结构化程序设计方法,C语言中用于结构化程序设计的三种基本结构是什么...
- 雅俗共赏——广告词之很美很强大的汉语言
- 现代人的困扰,“高刺激”的诱惑
- 2019年全国电子设计竞赛H题电磁炮之定点打击
- Gliffy, 在线Visio 杀手
- 智慧园区物联网平台架构
- php验证电话号码是否合法,js代码验证手机号码和电话号码是否合法_javascript技巧...
- 组织或项目外部影响因素分析
- 树莓派 FM 发送机小电台背后的原理解析
- 使用ArcGis测量矢量线长度