HTML 表单是网页交互的核心组件，用于收集用户输入数据。以下是关键知识点：

🧩 表单基础结构

<form action="/submit" method="post">
  <label>用户名：</label>
  <input type="text" name="username" required>
  <button type="submit">提交</button>
</form>
  • action 属性指定提交目标地址
  • method 定义请求方式（GET/POST）
  • required 属性实现基础验证

📦 常用表单元素

元素类型 用途 示例
input 文本/密码/单选等输入 <input type="email" name="email">
textarea 多行文本输入 <textarea cols="30" rows="5"></textarea>
select 下拉菜单 <select><option>选项1</option></select>
button 提交按钮 <button type="reset">重置</button>

✅ 表单验证技巧

  1. 使用 pattern 属性正则验证
  2. min/max 控制数值范围
  3. step 定义增量步长
  4. datalist 提供输入建议

📚 相关文档

如需深入了解表单进阶用法，可参考：
HTML 表单详细说明

HTML_Form
Input_Field
Form_Validation