1、
表单标签，是一个双标签，双标签是需要闭合的。

form表单标签：

  1. <form action="sever url" method="dialog|get|poset" name="loginForm" autocomplete="on|off"></form>
  2. action服务器地址。
  3. name表单名称。
  4. method:
  5.     get数据提交url可以看到，一般用于少量数据提交。
  6.     post数据提交url看不到一般用于大量数据提交

一个完整的表单有三个基本组成部分：
1、表单标签

  1. <form method="poset" name="loginForm" autocomplete="off"></form>

2、表单域

  1. <p>
  2.   <input type="text" name="username" id="username" placeholder="请输入用户名或者手机号">
  3. </p>
  4. <p>
  5.   <input type="password" name="password" id="password" placeholder="请输入密码">
  6. </p>

3、表单按钮

  1. <input type="submit" value="input->submit登陆">
  2. <input type="button" value="input->button登录">
  3. <button>button->登录</button>

2、示例代码：

  1. <!DOCTYPE html>
  2. <html lang="en">
  4.   <head>
  5.     <meta charset="UTF-8">
  6.     <title>表单标签</title>
  7.   </head>
  9.   <body>
  10.     <form method="poset" name="loginForm" autocomplete="off">
  11.       <p>
  12.         <input type="text" name="username" id="username" placeholder="请输入用户名或者手机号">
  13.       </p>
  14.       <p>
  15.         <input type="password" name="password" id="password" placeholder="请输入密码">
  16.       </p>
  17.       <p>
  18.         <input type="submit" value="input->submit登陆">
  19.         <input type="button" value="input->button登录">
  20.         <button>button->登录</button>
  21.       </p>
  22.     </form>
  23.   </body>
  25. </html>

image.png

3、如百度登录表单：

image.png