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

AI生成的报名表,哪里“看着对、实际错”?

对照业务:一个场次、一个通知邮箱、一个普通须知按钮。

学习通作答

至少找出四个问题,并解释

<form action="/signup" method="post">
  <label for="email">通知邮箱</label>
  <input id="mail" type="email" required="false">
  <label><input type="radio" name="morning" value="am"> 上午场</label>
  <label><input type="radio" name="afternoon" value="pm"> 下午场</label>
  <button>查看须知</button>
</form>
展开参考分析

①for与id不匹配,标签关联失效;②邮箱缺name,不能形成邮箱字段;③required="false"仍是必填,若本就要求必填应写required,若选填则删掉;④两项radio的name不同,可以同时选;⑤须知按钮没写type,普通表单中会触发提交,应写type="button"并另配逻辑。