Estoy creando un formulario de registro de usuario con nombres de usuario como Instagram, donde el sitio web verifica automáticamente si su entrada (nombre de usuario) ya existe en la base de datos y, si existe, está cambiando el css después de un segundo, por ejemplo, un ícono de fuente increíble marcado y un ícono de fuente increíble. cross / times, ¿cómo puedo hacer esto sin usar un botón de envío?

el código que tengo ahora es:

 <form method="post"> <div class="field"> <span class="fas fa-user"></span> <input name="email" required type="text" value="<?php if(isset($_COOKIE["email"])) { echo $_COOKIE["email"]; } ?>"> <label>Username</label> <span id="<?php **wait 1 second and if input (username) is in database change the css to "cross" else if username is not in database change the css to "checked" ** ?>"></span> </div> </form>

entonces, la parte con la que necesito ayuda es definir la entrada para poder verificarla sin usar un botón de envío. No necesito ayuda para verificar la base de datos y cambiar el estado de css