Quando metto il focus su un tag input escono fuori l'elenco delle user

[giannino1995]

Ho creato un’applicazione Web su Java e ho un problemino con Javascript. Quando punto alla pagina index.jsp desidero che il primo tag input sia di default selezionato per evitare che l’utente debba cliccare con il mouse sull’oggetto per digitare la user.
Il codice che uso è questo:

$(document).ready(function () {
    if (!$('p').hasClass('rosso-porpora') & !$('p').hasClass('verde-pisello')) {
        $("div.respform [name='UserID']").focus();
    } else {
        $("div.respform [name='UserID']").blur();
    }
});

<div>
        <p>Inserire nei campi sottostanti la tua 'user ID' e la tua 'password':</p>
        <div class="respform">
            <form action="/autenticazione.jsp" method="POST">
                <label>User ID:</label>
                <p class="">
                    <input type="text" name="UserID" value=""
                           class="UserID">
                </p>
                <label>Password:</label>
                <p class="">
                    <input type="password" name="Password" value="">
                </p>
                <p><input type="submit" value="Login"></p>
        </form>
        </div>

Lo script funziona ma non alla perfezione perché quando punto alla index.jsp escono fuori tutti le user che il browser ha salvato in cache.
Vedere foto:
https://prnt.sc/l0w8v2
Avete qualche consiglio?
Grazie