Web前端技术 · 第4课9 / 21 | 编码:L04-10a
使用HTML创建表单

按钮:先明确行为,再写文字

表单里的“查看须知”和“提交报名”,不能只靠按钮文字区分。

<form>
  <label for="alias">报名昵称</label>
  <input id="alias" name="nickname" value="小梅">
  <button type="button">查看须知</button>
  <button type="reset">恢复初始值</button>
  <button type="submit">报名</button>
</form>
type 实际行为
button 普通按钮;不会凭文字自动打开须知,需要另加逻辑。
reset 恢复控件默认状态,并非必然清空。
submit 触发表单提交过程,通常先进行原生约束校验。

普通表单中的button省略type时通常是提交按钮。示例显式写type,避免误提交;正式报名界面不必提供容易误点的重置按钮。