代码之家 › 专栏 › 技术社区 › iJade

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

disabled-control textbox css html

1

iJade · 技术社区 · 11 年前

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

2 回复 | 直到 11 年前

1

5

Razz 11 年前

在输入中使用禁用的属性。

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

而且没有输入类型的文本框,如果你想要一个大的,请使用 <textarea>value</textarea>

2

Oliver Matthews 11 年前

为禁用框指定 tabindex 第页,共页-1

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