表单基础

表单是网页与用户交互的重要方式，使用 <form> 标签创建：

<form action="/submit" method="post">
  <!-- 表单元素 -->
</form>

常用表单元素

• <input>：输入框（text, email, password等）
• <textarea>：多行文本框
• <select>：下拉选择框
• <button>：按钮
• <label>：标签

表单示例

<form>
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name">
  
  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email">
  
  <button type="submit">提交</button>
</form>

HTML5新增输入类型

HTML5为表单增加了更多输入类型：

• email：邮箱验证
• url：网址验证
• number：数字输入
• date：日期选择
• color：颜色选择