美文网首页
Form表单的两个新属性

Form表单的两个新属性

作者: 吴少在coding | 来源:发表于2017-12-21 15:32 被阅读40次

引子

今天在实习工作中看到了两个新属性,其实一直就在,但是一直眼瞎,没去MDN去搜搜,今天搜了一下。明白了这俩属性。
在这个表单里面的两个以前没见的属性

<form name="upFileForm" method="post" action="/cgi-bin/action" onsubmit="return isUploadLogo();" target="returnMsg" enctype="multipart/form-data">
    <input type="hidden" name="action" value="uploadfile" />
    <input type="file" id="uploadLogo" name="TAGET_FILENAME" value="logo.gif" />
    <input type="submit" id="immUpdate" class="newButtonStyle" name="uploadLogo" value="立即更新" />
</form>
  • enctype属性

method属性值为 post 时, enctype 是提交form给服务器的内容的 MIME 类型,可能的取值有:
application/x-www-form-urlencoded: 如果属性未指定时的默认值。
multipart/form-data: 这个值用于一个 type 属性设置为 "file" 的 <input> 元素。
text/plain (HTML5)这个值可以被 <button>或者 <input> 元素中的 formenctype属性重载(覆盖)。

MDN写的真是好啊
我这个例子中就是设置的是multipart/form-data ,对应的第二个input

立即更新的界面.png
  • target 属性

target一个名字或者说关键字,用来指示在提交表单之后,在哪里显示收到的回复。在 HTML 4 里, 这是一个用于 frame 的名字/关键字. 在 HTML5 里, 这是一个用于 browsing context 浏览器上下文 的名字/关键字 (举例来说, 标签页tab, 窗口window, or 或者行内 frame). 如下的关键字含有特别的含义:
_self: 在当前HTML4或HTML5文档页面重新加载返回值。这个是默认值。译注:也就是说如果这个文档在一个frame中的话,self是在当前frame(document)中重新加载的,而不是整个页面(window)。
_blank: 以新的HTML4或HTML5文档窗口加载返回值。
_parent: 在父级的frame中以HTML4或HTML5文档形式加载返回值,如果没有父级的frame,行为和_self一致。
_top: 如果是HTML 4文档: 清空当前文档,加载返回内容;HTML5: 在当前文档的最高级内加载返回值,如果没有父级,和_self的行为一致。
iframename: 返回值在指定frame中加载。
HTML5: 这个值可以被 <button>或者 <input> 元素中的formtarget属性重载(覆盖)。

target和enctype属性.png

不过有疑问的是这里写的是returnMsg是啥意思呢?

相关文章

  • Html5 - 新特性

    一. 语义化标签 二. 新表单类型和属性 新的input类型 input的新属性 form的新属性 新的表单标签 ...

  • 增强的表单Form功能

    所有元素必须放到表单form中或者指定form属性 新增属性 表单内部,可省略form属性 formaction属...

  • h5学习笔记-form

    form属性 from属性可以让表单元素写在表单外边,也就是说表单属性可以绑定表单 formaction form...

  • HTML5 表单属性

    HTML5 的新的表单属性 本章讲解涉及 和 元素的新属性。 新的 form 属性: autocomple...

  • HTML5新增表单元素

    表单新特性 1、form属性 在html4中表单内的从属元素必须写在表单内部,而在html5中,指定form元素的...

  • HTML5表单

    Html5增加了一些新的特性 form属性Html5之前所有的表单属性都要放到form里面,新增了form属性后,...

  • Form表单的两个新属性

    引子 今天在实习工作中看到了两个新属性,其实一直就在,但是一直眼瞎,没去MDN去搜搜,今天搜了一下。明白了这俩属性...

  • 02_html&css

    HTML 表单标签

    form标签属性action:表单提交的路径,可以是html,也可以...

  • 2019-10-24 表单标签

    今天学习了html表单 HTML表单(

    标签) 属性: 1 action:决定表单提交的地...

  • Form表单、四种常见的POST请求提交数据方式、MIME【转】

    浏览器行为:Form表单提交 1、form表单常用属性 enctype为form表单数据的编码格式,Content...

网友评论

      本文标题:Form表单的两个新属性

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