表单元素

HTML 5表单标签用于创建用户输入数据的表单，让用户可以向网站提交信息。常见的表单元素包括文本框、单选框、复选框、下拉框等。下面是一些常见的表单元素及其使用方法：

1. 文本框：用于用户输入文本信息。使用<input type="text">标签创建文本框，可以添加placeholder属性来在文本框中显示提示信息。

<input type="text" placeholder="请输入您的姓名">

1. 单选框：用于用户在多个选项中选择一个选项。使用<input type="radio">标签创建单选框，需要给每个单选框设置相同的name属性，表示它们是一组。

<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女

1. 复选框：用于用户在多个选项中选择多个选项。使用<input type="checkbox">标签创建复选框，可以设置checked属性来默认选中复选框。

<input type="checkbox" name="hobby" value="music" checked>音乐
<input type="checkbox" name="hobby" value="sport">运动

1. 下拉框：用于用户从预定义选项中选择一个选项。使用<select>和<option>标签创建下拉框，可以设置selected属性来默认选中一个选项。

<select name="country">
  <option value="china" selected>中国</option>
  <option value="usa">美国</option>
  <option value="uk">英国</option>
</select>

1. 提交按钮：用于用户提交表单数据。使用<input type="submit">标签创建提交按钮，点击按钮后会触发表单的提交操作。

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

以上是一些常见的表单元素及其使用方法，你可以根据实际需求选择合适的表单元素来构建表单。在表单中还可以使用<label>标签来标记表单元素的名称，使用<form>标签来包裹表单元素，以及使用其他属性来设置表单的行为和样式。希望这个简单的教程可以帮助你更好地了解HTML 5表单标签。