Javascript 当对话框在html中可见时，防止在对话框中不显示的输入元素中聚焦

我已经用html实现了这个对话框

我想要的是：

在我的对话框中，有一个带有表单元素的表单。 在对话框下方的主页中还有另一个窗体

现在，当我按tab键时，光标移动到每个表单元素，包括对话框下面的元素

我只想限制对话框下面表单元素中的制表符

---

谢谢。

您可以通过属性

tabIndex

假设您的新表单有三个输入框

<input type="text" tabIndex="31" name="inp1" id="inp1">
<input type="text" tabIndex="32" name="inp2" id="inp2">
<input type="text" tabIndex="33" name="inp3" id="inp3" onBlur="tabIndexToFirst()">

function showNewForm() {
 document.getElelmentById('inp1').focus();
}
function tabIndexToFirst() {
 document.getElelmentById('inp1').focus();
}