可使用制表键访问的禁用文本框

表单上有两个文本框。一个是可编辑的“启用”文本框 另一个是不可编辑的“禁用”文本框。我已禁用 它使用css样式。 我面临的问题是,我可以访问禁用的文本框 使用键盘的tab键,就像我点击启用的文本一样 框,然后按tab键,它会移动到禁用的文本框,我可以输入 文本。

这是示例html代码

    <input type="textbox" placeholder="Enabled" />
<div class="notEdit-overlay"></div>
<div>
    <input type="textbox" placeholder="Disabled" />
</div>

这是css样式

    .notEdit-overlay
{
    width: 1080px;
    height: 99%;
    left: 0px;
    background: red;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}

这是 jsfiddle