HTML表单标签和html5新增的表单标签

HTML中的表单标签用于收集用户输入的数据，并与服务器端进行交互。HTML5引入了一些新的表单控件和表单属性，以提供更好的输入验证和新的表单功能。

1. 常见的HTML表单标签:

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

2. HTML5新增的表单控件:

<input type="email">  <!-- 用于电子邮件地址输入 -->
<input type="url">    <!-- 用于网址输入 -->
<input type="number"> <!-- 用于数值输入 -->
<input type="range">  <!-- 用于选择一定范围内的数值 -->
<input type="date">   <!-- 用于选择日期 -->
<input type="time">   <!-- 用于选择时间 -->
<input type="week">   <!-- 用于选择周 -->
<input type="month">  <!-- 用于选择月份 -->
<input type="search"> <!-- 用于搜索框 -->
<input type="color">  <!-- 用于颜色选择 -->

3. HTML5新增的表单属性:

<form action="/submit" method="post">
  <label for="username">用户名:</label>
  <input type="text" id="username" name="username" required>
  <input type="email" id="email" name="email" required>
  <input type="submit">
</form>

在这个例子中，required属性用于指示该表单字段在提交前必须填写。

HTML5还引入了pattern属性，用于输入验证，以及placeholder属性，用于提供输入字段的提示信息。