HOME

Formatage d'un Input

Imaginons avoir besoin de formater un input en HTML avant de l'envoyer sur notre base de données, cet input devra ressembler à ceci :

888-coucou-154-richard

Pour ceci, il nous faut donc créer l'input (formulaire) :

<form id="form" method="post" action="">

</form>

La balise form permet de créer un formulaire et de placer à l'intérieur de celle-ci nos inputs. On va donc placer un input :

<form id="form" method="post" action="">

    <input id="donne" name="Donnée" type="text" placeholder="888-COUCOU-154-RICHARD" maxlength="32" />

</form>

On peut voir que la balise input concerne l'implentation d'un input dans notre formulaire. On peut aussi voir que l'on lui a attribué un id, un name, un type et un placeholder.

Une fois notre input placé, on va y ajouter un label qui correspond à une sorte de titre de notre input :

<form id="form" method="post" action="">

  <label for="donne">Entrez vos données :</label>

  <input id="donne" name="Donnée" type="text" placeholder="888-COUCOU-154-RICHARD" maxlength="32" />

</form>

Ensuite, pour faire en sorte que les tirets sont aux bons endroits, nous devons jouer avec Jquery :