HTML 所有表单输入类型

HTML 表单是用于收集用户数据的常用工具。表单中的常见输入类型包括文本输入框、下拉框、单选按钮、复选框等。在本文中，我们将介绍所有 HTML 表单输入类型。

文本输入框

文本输入框是一种最常见的表单输入类型，允许用户输入文本信息。文本输入框的标签为 input，其类型为 text。

<input type="text" name="username" placeholder="请输入用户名">

密码输入框

密码输入框和文本输入框类似，但输入的字符会被隐藏。密码输入框的标签也为 input，其类型为 password。

<input type="password" name="password" placeholder="请输入密码">

单选按钮

单选按钮允许用户从多个选项中选择一个选项。单选按钮的标签为 input，其类型为 radio。

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

复选框

复选框允许用户从多个选项中选择多个选项。复选框的标签为 input，其类型为 checkbox。

<input type="checkbox" name="hobby" value="reading"> 阅读
<input type="checkbox" name="hobby" value="sports"> 运动
<input type="checkbox" name="hobby" value="travel"> 旅游

下拉框

下拉框允许用户从多个选项中选择一个选项。下拉框的标签为 select，其选项为 option。

<select name="city">
  <option value="beijing">北京</option>
  <option value="shanghai">上海</option>
  <option value="guangzhou">广州</option>
</select>

文本域

文本域允许用户输入多行文本信息。文本域的标签为 textarea。

<textarea name="comment" rows="3"></textarea>

文件上传

文件上传允许用户上传文件。文件上传的标签为 input，其类型为 file。

<input type="file" name="avatar">

按钮

按钮用于触发特定的操作。按钮的标签为 button，其类型为 submit、reset 或 button。

<button type="submit">提交</button>
<button type="reset">重置</button>
<button type="button">取消</button>

以上就是 HTML 所有表单输入类型的介绍。希望对您有所帮助！