HTML 表单是网页上收集用户输入数据的重要工具。本指南将帮助您了解如何创建基本的 HTML 表单。

基础表单元素

以下是一些常见的 HTML 表单元素：

  • 输入框：用于用户输入文本。
    • <input type="text" name="username" />
  • 密码框：用于输入密码，内容会自动隐藏。
    • <input type="password" name="password" />
  • 单选按钮：用于在一组选项中选择一个。
    • <input type="radio" name="gender" value="male" /> 男
    • <input type="radio" name="gender" value="female" /> 女
  • 复选框：用于在一组选项中选择多个。
    • <input type="checkbox" name="subscribe" value="yes" /> 订阅邮件
  • 下拉菜单：提供一组选项供用户选择。
    • ``

表单提交

当用户填写完表单并点击提交按钮时，表单数据将被发送到服务器。您可以使用以下标签来创建提交按钮：

  • <input type="submit" value="提交" />

示例

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

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

扩展阅读

如果您想了解更多关于 HTML 表单的知识，请访问本站教程.

HTML Form Example