HTML 表单 — 收集用户输入
学习 form/input/button 等表单元素 · 难度：进阶 · +15XP
HTML 表单
表单用于收集用户输入，是网页交互的核心。登录、注册、搜索、评论——都是表单。
基本结构
<form action="/submit" method="post">
<label>用户名：<input type="text" name="username"></label>
<label>密码：<input type="password" name="pwd"></label>
<button type="submit">登录</button>
</form>核心属性
| 属性 | 作用 |
|---|---|
action | 提交到哪个URL |
method | GET(URL可见)/POST(隐藏) |
name | 字段名称（后端接收用） |
常用表单元素
| 元素 | 用途 |
|---|---|
<input> | 文本/密码/数字/日期等 |
<textarea> | 多行文本 |
<select> | 下拉选择 |
<button> | 按钮 |
<label> | 标签（点击标签聚焦输入框） |
???? 练习
- 创建注册表单（用户名+邮箱+密码+确认密码）
- 创建搜索表单（输入框+搜索按钮）