Impostare la maiuscola sulla prima lettara usando jQuery

Mattepuffo's logo
Impostare la maiuscola sulla prima lettara usando jQuery

Impostare la maiuscola sulla prima lettara usando jQuery

Quello che vogliamo fare è forzare il maiuscolo sulla prima lettera usando jQuery.

Abbiamo una input text, ed intercettiamo l'evento keyup.

Così, man mano che scriviamo, viene corretta la prima lettera.

Visto che, dietro le quinte, usiamo i CSS attraverso jQuery, potete anche usare lo stesso codice in altri modi / eventi.

Comunque questo l'esempio di codice:

<!DOCTYPE html>  
<html>  
    <head>  
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>  
        <script>
            $(document).ready(function () {
                $("#test").keyup(function () {
                    $('#test').css('textTransform', 'capitalize');
                });
            });
        </script>  
    </head>  
    <body>  
        <h1>Prova a scrivere</h1>  
        <input type="text" id="test">
    </body>
</html>

Enjoy!


Condividi

Commentami!