使用HTML创建表单
约束：哪些输入可以继续提交？
先明确输入要求，再选择对应的 HTML 属性。
<form id="check">
<label for="mail">通知邮箱（必填）</label>
<input id="mail" name="email" type="email" required>
</form>
<!-- 演示按钮调用浏览器校验，不发送请求 -->
<button type="button"
onclick="document.querySelector('#check').reportValidity()">
检查输入
</button>| 规则 | 属性 | 边界 |
|---|---|---|
| 不可为空 | required | 空邮箱与非空错误格式是两种情况。 |
| 文本长度 | minlength / maxlength | 用于适用的文本控件，不表示数值大小。 |
| 数值区间 | min / max / step | 用于number等适用类型，不是所有input通用。 |
reportValidity()用于本页观察浏览器提示；本课先理解HTML约束，JavaScript方法在后续课程展开。提示样式、语言和键盘可能随浏览器不同。