精华内容
下载资源
问答
  • action:表单数据提交的位置,可以是网页,也可以是一个请求地址 <form method="post" action="result.html"> </form> <!--post相对来说安全一点,可以传输大文件 get数据会显示在url中,不安全,...

    表单

    form:表单标签

    method:表单提交的方式,post/get

    action:表单数据提交的位置,可以是网页,也可以是一个请求地址

    <form method="post" action="result.html">
    </form>
    <!--post相对来说安全一点,可以传输大文件
    	get数据会显示在url中,不安全,一般做学习和练习使用
    -->
    <form method="get" action="result.html">
    </form>
    

    练习:一个关于提交个人信息的表单

    <form method="get" action="result.html">
    <!--input输入框标签,默认为text,文本框
    	name:为该输入框起一个名字,用来提交数据
    -->
    	<p>用户名:<input type="text" name="username"/></p>
    <!--密码框input type="password",密码框输入字符会显示为小圆点-->
    	<p>密码:<input type="password" name="pwd"/></p>
    <!--submit提交
    	reset重置所有输入框
    -->
    	<p><input type="submit"/>
    	<input type="reset"/></p>
    </form>
    

    上为代码,下为显示效果

    在这里插入图片描述

    展开全文
  • get和post表单提交

    2019-04-08 09:01:40
    action URL 提交表单时发送的位置 method get/post 发送 form-data 的 HTTP 方法 URL可能的值: 1.绝对 URL - 指向其他站点(比如 src=“www.baidu.com”) 2.相对 URL - 指向站点内的文件(比如 src="/jQueryAjax/...

    form表单的属性action 与method
    action URL 提交表单时发送的位置
    method
    get/post 发送
    form-data 的 HTTP 方法
    URL可能的值:
    1.绝对 URL - 指向其他站点(比如 src=“www.baidu.com”)
    2.相对 URL - 指向站点内的文件(比如 src="/jQueryAjax/formAction")
    get/post:
    get提交时参数直接暴露在URL上。
    (W3School上给出的区别:)
    与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。
    然而,在以下情况中,请使用 POST 请求:
    无法使用缓存文件(更新服务器上的文件或数据库)
    向服务器发送大量数据(POST 没有数据量限制)
    发送包含未知字符的用户输入时,POST
    比 GET 更稳定也更可靠

    get/post区别:
    1、Get方法是用来向服务器上获取数据,而Post是用来向服务器上传递修改数据。
    2、Get将表单里的数据添加到action所指向的URL后面,并且两者之间使用”?”连接,而各个变量之间使用”&”连接;Post是将表单中的数据放在form的数据体中,按照变量和值对象的方式,传递到所指向的action

    3、Get是不安全的,因为在传输过程中,数据被放在请求的Url中,这样,用户可以直接在浏览器上看到提交的数据,一些系统内部信息也一同显示在用户面前。Post的所有操作对用户来说都是不可见的。

    4、Get传输的数据量小,主要是受限与于Url长度限制,其中IE浏览器对URL的最大限度为2083个字符而post可以的传输大量的数据,所以在上传文件和大数据量时使用post。
    5、Form提交默认为Get方法提交。
    6、Get方式获取数据后,刷新不会有负面的影响,因为它只是获取数据,而Post方法刷洗页面重复提交可能会产生不良的后果。

    get提交:
    在这里插入图片描述
    post提交:在这里插入图片描述

    
    
      public ActionResult Index()
    
            {
    
                return View();
    
            }
    
            public ActionResult form()
    
            {
    
                string zhanghao =
    Request.Form["zhanghao"];
    
                string mima =
    Request.Form["mima"];
    
                return Content(zhanghao
    + "&" + "?" + mima);//Content(string)返回字符串
    
            }
    
    
    

    视图代码:

    
    
    @{
    
       
    Layout = null;
    
    }
    
     
    
    <!DOCTYPE html>
    
     
    
    <html>
    
    <head>
    
       
    <meta name="viewport" content="width=device-width" />
    
       
    <title>form</title>
    
       
    <link href="~/Content/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" />
    
       
    <script src="~/Content/bootstrap-3.3.7-dist/js/jquery-3.2.1.min.js"></script>
    
       
    <style>
    
           
    .container {
    
                padding-top: 20px;
    
           
    }
    
       
    </style>
    
    </head>
    
    <body>
    
       
    <div class="container">
    
           
    <form class="form-horizontal" method="get" action="form" id="myform">
    
                <div class="form-group">
    
                    <label class="control-label col-md-3">账号:</label>
    
                    <div class="col-md-4">
    
                        <input class="form-control" type="text" value="" name="zhanghao" id="zhanghao" />
    
                    </div>
    
                </div>
    
                <div class="form-group">
    
                    <label class="control-label col-md-3">密码:</label>
    
                    <div class="col-md-4">
    
                        <input class="form-control" type="text" value="" name="mima" id="mima" />
    
                    </div>
    
                </div>
    
                <div class="form-group">
    
                    <button class="btn btn-primary
    col-md-offset-4" type="submit" id="btnSubmit">表单提交</button>
    
                </div>
    
           
    </form>
    
       
    </div>
    
    </body>
    
    
    
    展开全文
  • 表单的提交方式get和post的区别

    千次阅读 2013-10-11 23:17:32
    method:定义表单提交方式,只有两种常用get、post。如果没有指定method,默认使用get提交方式 get和post的区别: 1) get:会将提交的信息显示在地址栏上 post:不会将提交的信息显示在地址栏 2) get:对于敏感...
    <!--
    form:标签中常见的属性定义:
    action:指定表单组件数据发送的位置,如果没有定义action属性,那么默认提交为当前页面
    method:定义表单提交方式,只有两种常用get、post。如果没有指定method,默认使用get提交方式


    get和post的区别:
    1)
    get:会将提交的信息显示在地址栏上
    post:不会将提交的信息显示在地址栏
    2)
    get:对于敏感信息不安全,因为显示在地址栏上
    post:对于敏感信息安全,因为不显示
    3)
    get:因为显示在地址栏,而地址栏的信息数据量是有限的,所以不可以提交大数据
    post:可以提交大体积的数据
    4)
    get:会将信息封装到请求行,也就是http请求信息头之前
    post:会将信息封装到请求体中,也就是http请求消息头之后,请求体和请求头之间是通过空行来进行分隔


    注意特殊之处:
    对于服务端是tomcat服务器。当提交中文时:
    get:提交,服务端接收到中文数据,会用到默认的编码表ISO88598——1解码,此时会出现乱码现象,所以必须对该乱码进行一次编码再解码 的动作,当向服务器请求时,会将数据封装到了一个请求对象中,request对象,可以通过该对象的String name = request.getParamter("user");获取客户端提交的用户名,但是解码用的ISO8859-1,name会出现乱码,new String(name.getBytes("iso8859-1"),"GBK");


    post提交:服务端收到中文,可以使用编一次再解一次的方式,也就是和get一样的方式可以完成乱码解决。通过它还有另一个方式,就是直接使用request对象,调用一个方法,setCharacterEncoding("GBK");
    只要设置了请求对象中的数据的编码表,那么String name = request.getParamter("user");那么name的值直接解码以后的正确数据。


    注意:为什么get方法用方法setCharacterEncoding("GBK")就不行呢?
    因为该方法只对请求体中的数据进行解码,不对请求头中的数据进行解码。


    综上所述:以后在进行表单提交时,建议使用Post提交方式

    -->
    展开全文
  • 相对和绝对Method属性用来定义浏览器将表单信息提交给服务器端处理程序方式,取值可以为:GET或POST.Target属性用来指定服务器返回结果显示目标窗口或目标帧。Title属性用来设置当网站访问者素、鼠标在...

    表单标签的作用

    • 标签及其属性

    标签对用来创建一个表单,即定义表单的开始和结束位置,标签具有下面等属性。

    • action属性用来设置接收和处理浏览器递交的表单内容的服务器程序的URL。相对和绝对
    • Method属性用来定义浏览器将表单中的信息提交给服务器端的处理程序的方式,取值可以为:GET或POST.
    • Target属性用来指定服务器返回结果显示的目标窗口或目标帧。
    • Title属性用来设置当网站访问者的素、鼠标在表单上的任一位置停留过几秒时,浏览器用黄色小浮标显示的文本(如表单的名称或描述)。
    • Enctype属性指示浏览器使用哪种编码方法将表单数据传送给www服务器。该属性可以有两种取值:
    • application/x-www-form-urlencoded(默认的设置)
    • multipart/form-data

    表单字段元素(1)

    属性:size、value、maxlength、readonly、disabled

    属性:checked

    表单字段元素(2)

    • 标签的属性:multiple、size,name
    • 标签的属性:value、selected

    如何在列表中实现取消选项

    属性:cols、rows

    属性:for、accesskey

    0dc3bd84a46434cbc1eae65036504343.png
    展开全文
  • HTML表单post和get提交

    2021-02-27 09:41:40
    表单语法 示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...--表单form action: 表单提交的位置,可以是网站,也可以是一个请求处理地址。 method: post,ge
  • form表单提交

    2019-03-17 16:45:46
    action提交的位置 url method 提交方式 post、get方式; 表单提交 onsubmit提触发函数 name 表单的名字 action提交的位置 url method 提交方式 post、get方式; &amp;amp;lt;form onsubmit=&...
  • 制作一个表单,提交部门编号,部门名称,部门位置表单提交给a.jsp a.jsp中获取到表单提交的3项数据,入库!(记着解决中文乱码)。 --> <form action="a.jsp" method="post"> <table bo...
  • Ⅰ html页面直接提交解除中间件注释无csrf_token数据的post请求在html页面form表单中直接添加{% csrf_token%}会在html中生成随机字符串,上图添加的位置是不正确的浏览器在进行post请求时会自动携带到服务器,服务以此...
  • <div class="post-text" itemprop="text"> <p>How to make a basic sign up form? If I used wordpress that would create a user on the wordpress website, but also submit the email that the user used to ...
  • action:表单提交的位置,可以是网站,也可以是一个请求处理地址 method:post get 提交方式 get方式提交:我们可以在url中看到我们提交的信息不安全,不安全,高效 pos方式提交:比较安全,传输大文件 --> <...
  • GET提交和POST提交都是在form表单中表现的。 下面我来详细的说说他们之间的区别: form:标签中常见的属性定义 action:指定表单组件数据发送的位置。如果没有定义action属性,那么默认提交到当前的页面。 ...
  • <div class="post-text" itemprop="text"> <p>I'm using smarty template. My form code from smarty template is as below: <pre><code><form action="" name="manage_users" id="manage_users" method=...
  • <div class="post-text" itemprop="text"> <p>I'm working on a PHP based Model-View-Controller structured website. I understand that the Models should deal with business logic, views present HTML (or ...
  • 提交表单的方式

    2020-08-18 17:32:51
    一、.ajax()其相关知识点可在jQueryAPI3.2.1里面查询一、.ajax() .ajax(url,[settings])method:请求的类型:GET或POSTurl:文件在服务器上的位置async:true(异步)或false(同步)Asynchronoussend(strin
  • <div class="post-text" itemprop="text"> <p>Cannot redirect form after submission. Form simply disappears from page and the page stays the same. <p>Any input is welcomed. Using Twitter Bootstrap, ...
  • 1、Get 向特定资源发出请求(请求指定页面信息,并返回实体主体)2、Post 向指定资源提交数据进行处理请求(提交表单、上传文件),又可能导致新资源建立或原有资源修改3、Put 向指定资源位置上上传其最新内容...
  • ...lt;form&gt;标签对中的&lt;input type='submit'&gt;提交按钮进行请求发送和参数提交。其中form标签的post属性决定提交方式是get还是post。...//action后面的就是表单提交的位置,这...
  • php开发面试题---2、php常用面试题二(表单提交方式中get和post有什么区别) 一、总结 一句话总结: 数据位置:get参数在url里面,post在主体里面 数据大小:get几kb,post比较大(所以适合表单提交) 获取...
  • 问题描述 我们将一个form中的input和...提交之后显示的位置: 难点分析 采用from表单的onsubmit属性阻止表单提交 [html] view plaincopy for
  • 本文参考于 网易博客,地址:http://yulei568.blog.163.com/blog/static/135886720076114054449/一,表单 1,上传文件的表单使用post方式(和get区别不用说了);还要加上enctype='multipart/form-data'。 2,一般要...
  • Dom(十二) 表单提交

    2018-08-19 15:57:44
    表单提交 四个用于表单提交的属性 action:数据发送的位置 method:数据发送的方式 enctype:数据编码的方式 target:展示结果的位置 action 定义了数据发送的位置,它的值必须是一个有效的URL,假如没有填写...
  • 主要更改是您处理POST变量的位置。这应该可行,但显然我没有真正测试它没有你的logintypes类我可以使用。由于它们都是不同的形式,因此您无需为提交按钮(或删除ID隐藏字段)使用唯一名称。我仍然很想通过将所有代码...
  • // 设置文件存储位置 $path="source/"; $res=move_uploaded_file($file,$path.$filename); if($res){ echo '上传成功!'; }else{ echo '上传失败!'; }; ?>...
  • //获得窗口垂直位置; var iLeft = (window.screen.availWidth-10-iWidth)/2; //获得窗口水平位置; window.open(url,name,'height='+iHeight+',,innerHeight='+iHeight+',width='+iWidth+',innerWidth='+...
  • spring配置文件的位置 ,然后启动spring容器。 --> <param-name>contextConfigLocation <param-value>classpath*:config/springmvc-config.xml <load-on-startup>1 <servlet-name>...
  • 本章节来介绍如何把网站表单提交内容部分放到其他页面任意位置1、我们以下图留言表单为例2、在指定页面,例如index.html首页上加上,下面代码中‘liuyan’需要改成你自己表单别名{phpextract(dr_get_form_...
  • 问题叙述性说明 ...提交之后显示的位置: 难点分析 採用from表单的onsubmit属性阻止表单提交 <form action="http://www.baidu.com" onsubmit="return check()">...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 398
精华内容 159
关键字:

表单提交post提交的位置