JavaScript使用'；必需的'；属性

我有一个具有多个输入的表单，我需要选择具有“required”属性的所有元素。我该怎么做？我试图使用下面的代码，但没有成功

var theForm = document.getElementById('form');
var requiredElements = theform.elements.required;

如何使用.querySelectorAll（）来选择它们？该表格的示例如下所示。非常感谢

<form id="form">
 <label for="zip">* Zip Code:</label>
 <input maxlength="10" type="text" name="zip" id="zip">

 <label for="email">* Email:</label>
 <input maxlength="256" type="text" name="email" id="email" required>

 <label for="city">* City:</label>
 <input maxlength="45" type="text" name="city" id="city" required>
</form>

*邮政编码：
*电邮：
*城市：

您可以执行以下操作：

var form = document.querySelector('#form');
var requiredElements = form.querySelectorAll('[required]')

---

您可以使用

querySelectorAll

，它返回匹配元素的节点集（如果有）

theForm.querySelectorAll('*[required]');