1

我在表单上有两个文本框。一个是可编辑的已启用文本框，另一个是不可编辑的已禁用文本框。我已使用 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

4

2 回答 2

5

在您的输入中使用 disabled 属性。

<input type="text" disabled="disabled" placeholder="disabled" />

还; 没有输入类型的文本框，如果你想要大的，使用<textarea>value</textarea>

于 2013-08-23T08:42:38.957 回答
2

分配禁用框 atabindex为 -1

IE<input type="textbox" placeholder="Disabled" tabindex="-1" />

于 2013-08-23T08:42:03.097 回答