HTML 表单是网页中用于收集用户输入信息的重要元素。本教程将深入探讨 HTML 表单的各个方面,包括表单元素、属性、表单验证等。

表单元素

HTML 表单主要由以下元素组成:

  • <form>:定义 HTML 表单。
  • <input>:定义输入字段。
  • <label>:定义输入字段的标签。
  • <button>:定义按钮。

输入字段

以下是常见的输入字段类型:

  • 文本输入:<input type="text">
  • 密码输入:<input type="password">
  • 单选按钮:<input type="radio">
  • 复选框:<input type="checkbox">
  • 提交按钮:<input type="submit">

表单属性

HTML 表单元素可以使用多种属性来控制其行为和外观。

  • action:指定表单提交的目标 URL。
  • method:指定表单提交的方法,通常是 GETPOST
  • name:指定表单元素的名称,用于在服务器端处理表单数据。

表单验证

HTML5 引入了一些新的表单验证属性,例如:

  • required:指定输入字段是必填的。
  • minlength:指定输入字段的最小长度。
  • maxlength:指定输入字段的最大长度。

实例

以下是一个简单的表单示例:

<form action="/submit-form" method="post">
  <label for="username">用户名:</label>
  <input type="text" id="username" name="username" required>
  <br>
  <label for="password">密码:</label>
  <input type="password" id="password" name="password" required>
  <br>
  <button type="submit">提交</button>
</form>

扩展阅读

更多关于 HTML 表单的信息,请访问我们的 HTML 表单教程