第 12 课2026.09.15
让课程代码按指定格式通过浏览器原生校验。
第 12 课：pattern约束输入格式
- 日期：2026-09-15
- 课程序号：第 12 课
- 知识点：pattern 与正则约束
用途
让课程代码按指定格式通过浏览器原生校验。
核心概念
pattern 对非空值执行完整正则匹配；应配合 label 和可理解的说明。
最小代码或操作示例
html
<label for="code">课程代码</label>
<input id="code" name="code" pattern="[A-Z]{2}-[0-9]{2}" title="例如 PY-12">3～5 分钟练习
让代码只接受三个大写字母。
参考答案
使用 pattern="[A-Z]{3}"，并同步修改 title。
与上一课的联系
继承上一课 label 与 id 的可访问关联；本课只增加格式约束；下一课可显示自定义校验提示。
时效校验
时效校验：2026-09-15（HTML Living Standard 对应当前 MDN 参考）。已打开并核对下列官方文档；示例未使用已废弃接口。