Пожалуйста, смотрите форму HTML-код ниже

<form method="post" action="register">      
    <div class="email">
        Email   <input type="text" tabindex="1" id="email" value="" name="email">                   </div>
    </div>
    <div class="agreement">
        <div tabindex="2" class="terms_radio">
            <div onclick="changeTerm(this);" class="radio" id="terms_radio_wrapper" style="background-position: left 0pt;">
                <input type="radio" id="terms" value="1" name="terms"><label for="terms">I have read and understood the</label>
            </div>
        </div> 
    </div>
    <div class="form_submit">
        <input type="button" tabindex="3" value="Cancel" name="cancel">
        <input type="submit" tabindex="4" value="Submit" name="submit">         
    </div>
</form>

Здесь я установил флажок соглашения таким образом, чтобы радиовход полностью скрывался, а фоновое изображение накладывалось на div обертки, а нажатие на div обертки переключало фоновое изображение, а также проверял состояние радиовхода.

Мне нужно установить индекс tabindex в DIV «term_radio», просто атрибут tabindex = "2" на div не работает,

Можно ли поднять пунктирную границу на ярлыке радиовхода при нажатии клавиши TAB, когда курсор находится в поле ввода электронной почты?