number 对象的 required 属性用于设置或获取该输入字段在表单中是否为必填项;当其值为 true 时,表示用户必须填写该字段才能提交表单。
1、新建一个名为 number_required.html 的 HTML 文件。

2、在页面中创建一个 type="number" 的输入框,为其指定 id="my_number_id_required",并将其置于 <form> 标签内,同时添加一个用于提交的按钮。

3、新增一个普通按钮,并为其绑定 onclick 事件,点击时调用自定义函数 my_number_required()。
4、插入一个 <p> 元素,设置其 id="show_number_required",用于后续显示验证结果。

5、在 <script> 标签中定义 JavaScript 函数 my_number_required(),该函数负责读取并判断数字输入框的必填状态。

6、在函数内部通过 document.getElementById() 获取对应输入框元素,访问其 required 属性,判断其布尔值,并将“是必填项”或“非必填项”的提示文本动态写入到 p 标签中。

7、在浏览器中打开 number_required.html 文件,先尝试提交表单(可选),再点击测试按钮,即可观察 required 属性的实际运行效果。











