一、HTML 表单、表单元素？

HTML 表单用于收集用户输入。
HTML 表单包含表单元素。
表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。

二、详解

原生的 HTML 表单元素提供了方便的功能来处理用户输入，以下是它们的用法。

《form》元素：

<form action="/submit" method="post">
  <!-- 表单内容 -->
</form>

《form》 元素用于创建一个表单，其中的 action 属性指定了表单提交的目标 URL，method 属性指定了表单提交的 HTTP 方法（例如 get 或 post）。如果省略 action 属性，则 action 会被设置为当前页面。

所有 form 属性的列表

《input》元素：

<input type="text" name="username" placeholder="请输入用户名">
<input type="password" name="password" placeholder="请输入密码">
<input type="submit" value="提交">

《input》元素用于创建各种类型的输入框。其中的 type 属性指定了输入框的类型，name 属性指定了输入框的名称，placeholder 属性指定了输入框的占位文本。

• type 属性值包括以下：
  • type=“text” 创建了一个文本输入框。
  • type=“password” 创建了一个密码输入框。
  • type=“submit” 创建了一个提交按钮。是一个向表单处理程序（form-handler）提交表单的按钮。如果您省略了提交按钮的 value 属性，那么该按钮将获得默认文本.

《select》元素:

<select name="country">
  <option value="china">中国</option>
  <option value="usa" selected>美国</option>
  <option value="japan">日本</option>
</select>

《select》元素用于创建下拉选择框，其中的 元素用于定义选择项。name 属性指定了选择框的名称，而 value 属性指定了每个选项的值。列表通常会把首个选项显示为被选选项。您能够通过添加 selected 属性来定义预定义选项。

《radio》元素:

<input type="radio" name="gender" value="male">男性
<input type="radio" name="gender" value="female">女性

元素用于创建单选按钮组。name 属性必须相同，以便将它们关联到一组互斥的选项。每个 元素都有一个 value 属性，表示选中时的值。

文件上传:

<form action="/upload" method="post" enctype="multipart/form-data">
  <input type="file" name="file">
  <input type="submit" value="上传">
</form>

要实现文件上传，需要将 元素的 enctype 属性设置为 “multipart/form-data”，并使用 创建一个文件选择输入框，name 属性指定了文件字段的名称。

引用文章

W3schoolHTML表单