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

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

  •  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
  •  2
  •   Oliver Matthews    11 年前

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

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