第 10 课：required必填校验

• 日期：2026-09-11
• 课程序号：第 10 课
• 知识点：required 属性

用途

在提交前阻止空的必填字段。

核心概念

布尔属性 required 让浏览器参与基础约束校验，但不能替代服务端校验。

最小代码或操作示例

<form>
  <label for="title">课程名</label>
  <input id="title" name="title" required>
  <button type="submit">保存</button>
</form>

3～5 分钟练习

空着提交，再输入文字提交。

参考答案

空值时浏览器提示；有值时通过基础校验。

与上一课的联系

上一课建立标签关联；本课为同一控件增加必填规则。