阿西河

所有教程

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

我的收藏

    最近访问  (文章)

    教程列表

    数据库
    抓包专区
    测试专区

    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 中的新属性。

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

    全局属性

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

    事件属性

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

    卖前端学习教程

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

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

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

    目录
    目录