阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      HTML form 标签

      HTML <form> 标签功能

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

      <form> 元素包含一个或多个如下的表单元素:

      • <input>
      • <textarea>
      • <button>
      • <select>
      • <option>
      • <optgroup>
      • <fieldset>
      • <label>

      HTML <form> 标签用法

      带有两个输入字段和一个提交按钮的 HTML 表单:

      <form action="?" method="get">
        First name: <input type="text" name="fname"><br>
        Last name: <input type="text" name="lname"><br>
        <input type="submit" value="提交">
      </form>
      

      HTML <form> 标签演示

      First name:
      Last name:

      浏览器支持

      所有主流浏览器都支持 <form> 标签。


      HTML4 与 HTML5 之间的差异

      HTML5 新增了两个新的属性:autocomplete 和 novalidate,同时不再支持 HTML4 中的某些属性。

      HTML 与 XHTML 之间的差异

      在 XHTML 中,name 属性已被废弃。使用全局 id 属性代替。

      属性

      New :HTML5 中的新属性。

      属性描述
      acceptMIME_typeHTML5 不支持。规定服务器接收到的文件的类型。(文件是通过文件上传提交的)
      accept-charsetcharacter_set规定服务器可处理的表单数据字符集。
      actionURL规定当提交表单时向何处发送表单数据。
      autocompleteNewon
      off
      规定是否启用表单的自动完成功能。
      enctypeapplication/x-www-form-urlencoded
      multipart/form-data
      text/plain
      规定在向服务器发送表单数据之前如何对其进行编码。(适用于 method=“post” 的情况)
      methodget
      post
      规定用于发送表单数据的 HTTP 方法。
      nametext规定表单的名称。
      novalidateNewnovalidate如果使用该属性,则提交表单时不进行验证。
      target_blank
      _self
      _parent
      _top
      规定在何处打开 action URL。

      全局属性

      <form> 标签支持 HTML 全局属性

      事件属性

      <form> 标签支持 HTML 事件属性

      卖前端学习教程

      只需几十元,就能买到培训班的内部教程!开启高薪之路!

      零基础小白阿里P7的教程都有!

      同时长期收购所有培训班的前端教程

      目录
      目录