html - Disabled text box accessible using tab key -


i have 2 text boxes on form.one enabled text box editable , 1 disabled text box not editable.i have disabled using css style. issue i'm facing i'm able access disabled textbox using tab key of keyboard if click on enabled text box , press tab moves disabled text box , i'm able enter text in it.

here sample html code

    <input type="textbox" placeholder="enabled" /> <div class="notedit-overlay"></div> <div>     <input type="textbox" placeholder="disabled" /> </div>

here css style

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

and here jsfiddle

use disabled attribute on input.

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

also; there no input type textbox, if want big one, use <textarea>value</textarea>


-