1

フォームに 2 つのテキスト ボックスがあります。1 つは編集可能な有効なテキスト ボックスで、もう 1 つは編集できない無効なテキスト ボックスです。CSS スタイルを使用して無効にしました。私が直面している問題は、有効なテキスト ボックスをクリックしてタブを押すと、無効なテキスト ボックスに移動し、入力できるように、キーボードのタブ キーを使用して無効なテキスト ボックスにアクセスできることです。その中のテキスト。

これがサンプルの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