HTML 表单

HTML 表单是通过使用一系列的表单元素，允许用户在网页上输入、提交和处理数据的一种机制。它是与用户进行交互的重要方式之一，可用于收集用户的个人信息、进行数据查询、提交评论等操作。

表单元素

以下是常用的 HTML 表单元素：

• <form>: 定义一个表单
• <input>: 定义一个输入字段，例如文本框、单选按钮、复选框等
• <textarea>: 定义一个多行的文本输入字段
• <select>: 定义一个下拉列表
• <option>: 定义 <select> 元素中的一个选项
• <button>: 定义一个按钮

表单属性

表单元素通常具有以下属性：

• name: 表单元素的名称
• type: 表单元素的类型
• value: 表单元素的值
• required: 表示该字段为必填项
• disabled: 表示该字段被禁用

表单提交

当用户填写完表单后，可以点击提交按钮将表单的数据发送到服务器端进行处理。在 HTML 中，可以通过设置表单元素的 action 属性来指定数据提交的地址，使用 method 属性指定提交的方式（GET 或 POST）。

示例代码

下面是一个简单的 HTML 表单示例：

<form action="/submit" method="post">
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name" required><br><br>
  
  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email" required><br><br>
  
  <label for="message">留言：</label>
  <textarea id="message" name="message" rows="4" cols="30"></textarea><br><br>
  
  <input type="submit" value="提交">
</form>

上述代码创建了一个包含姓名、邮箱和留言字段的表单，并设置了必填项。提交按钮被点击后会将表单数据发送到 /submit 地址。

结论

HTML 表单是网页中收集用户输入数据的重要工具，掌握它的基本概念和用法对于开发交互性强的网页非常重要。