HTML表单与输入元素详解

HTML表单是网页中用于收集用户信息的重要交互元素，它为用户提供了多种数据输入方式。

表单基础结构

表单使用<form>标签定义，包含action和method两个关键属性：

• action属性指定表单数据提交的目标URL
• method属性定义数据提交方式（GET或POST）

常用输入元素

文本输入

文本输入框是最基本的表单元素：

<input type="text" name="username">

密码输入

密码框会隐藏用户输入内容：

<input type="password" name="pwd">

单选按钮

用于在多个选项中选择一项：

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

复选框

允许选择多个选项：

<input type="checkbox" name="hobby" value="reading">阅读

下拉列表

使用select和option标签创建：

<select name="city">
  <option value="bj">北京</option>
  <option value="sh">上海</option>
</select>

表单提交

使用submit类型的按钮提交表单：

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

表单辅助元素

• <label>标签提高表单可访问性
• <fieldset>和<legend>用于分组表单元素
• <textarea>创建多行文本输入框

合理使用这些表单元素可以创建出功能完善、用户体验良好的数据收集界面。