美文网首页
表单提交的使用及enctype属性

表单提交的使用及enctype属性

作者: 易冷zzz | 来源:发表于2020-09-18 15:28 被阅读0次
    <form action="url" name="form" method="get/post" enctype="application/x-www-form-urlencoded" target="_blank">
          First name: <input type="text" name="fname" /><br />
          Last name: <input type="text" name="lname" /><br />
          <input type="submit" value="Submit" />
    </form>
    

    form表单几个比较重要的属性:action,name,method,enctype,target。
    action:提交数据到服务端的url地址
    name:表单数据提交到服务端的键名
    enctype:表单数据提交时使用的编码类型,默认使用"application/x-www-form-urlencoded"。
    如果表单中有上传文件,编码类型需要使用"multipart/form-data"类型且请求类型为post,才能完成传递文件数据。
    注意:enctype为form表单数据的编码格式,对应于resquestHeader下的content-type。responseHeader下的content-type为响应数据类型,对应于responseType的值。

    enctype 属性规定在将表单数据发送到服务器之前如何对其进行编码。
    注意:只有 method="post" 时才使用 enctype 属性。

    1.application/x-www-form-urlencoded(默认)
    对表单所有字符进行编码,以键/值对的形式发送,Content-Type 被指定为 application/x-www-form-urlencoded;其次,提交的数据按照 key1=val1&key2=val2 的方式进行编码,key 和 val 都进行了 URL 转码

    2.multipart/form-data
    不对字符编码。当使用有文件上传控件的表单时,该值是必需的。

    3.text/plain
    以纯文本形式进行编码

    4.application/json
    将表单数据序列化成 JSON 字符串发送到服务器。

    相关文章

      网友评论

          本文标题:表单提交的使用及enctype属性

          本文链接:https://www.haomeiwen.com/subject/mvdjyktx.html