• form标签


    一 什么是form标签

      <form> 标签用于为用户输入创建 HTML 表单。

      表单用于向服务器传输数据。

    二 属性

      1 method   

      method 属性规定如何发送表单数据(表单数据发送到 action 属性所规定的页面)。

    表单数据可以作为 URL 变量(method="get")或者 HTTP post (method="post")的方式来发送。

    浏览器使用 method 属性设置的方法将表单中的数据传送给服务器进行处理。共有两种方法:POST 方法和 GET 方法。

    如果采用 POST 方法,浏览器将会按照下面两步来发送数据。首先,浏览器将与 action 属性中指定的表单处理服务器建立联系,一旦建立连接之后,浏览器就会按分段传输的方法将数据发送给服务器。

    在服务器端,一旦 POST 样式的应用程序开始执行时,就应该从一个标志位置读取参数,而一旦读到参数,在应用程序能够使用这些表单值以前,必须对这些参数进行解码。用户特定的服务器会明确指定应用程序应该如何接受这些参数。

    另一种情况是采用 GET 方法,这时浏览器会与表单处理服务器建立连接,然后直接在一个传输步骤中发送所有的表单数据:浏览器会将数据直接附在表单的 action URL 之后。这两者之间用问号进行分隔。

    一般浏览器通过上述任何一种方法都可以传输表单信息,而有些服务器只接受其中一种方法提供的数据。可以在 <form> 标签的 method (方法)属性中指明表单处理服务器要用方法来处理数据,使 POST 还是 GET。

      示例:

     <form action="/index_book/" method="get">
                 <input type="text" name="1">
                 <input type="text" name="2">
                 <input type="text" name="3">
                 <input type="submit" value="提交、、">
            </form>

      在url地址栏显示:  http://127.0.0.1:8000/index_book/?1=11&2=22&3=33

      <input type='submit'>点击按钮会触发把表单数据发送到服务器。一个summit会把所有的input框的数据都提交上去。格式是key=value ,key是input框的name值,value是input框的输入的文本值。

       2 enctype  是EncodeType的简写

      w3c地址:http://www.w3school.com.cn/tags/att_form_enctype.asp

      enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。

      默认地,表单数据会编码为 "application/x-www-form-urlencoded"。就是说,在发送到服务器之前,所有字符都会进行编码(空格转换为 "+" 加号,特殊符号转换为 ASCII HEX 值)。

      

  • 相关阅读:
    java包和jar包
    java异常总结
    java异常练习2
    java中的异常处理机制_函数覆盖时的异常特点
    React(三)TableBar,ToDoList,Redux案例
    React(二)组件通信
    React(二)组件通信
    React(一)起步
    React(一)起步
    Vue(二)进阶
  • 原文地址:https://www.cnblogs.com/654321cc/p/8011422.html
Copyright © 2020-2023  润新知