Formulaires HTML - partie dans le navigateur

📅   22. 08. 2019
👤   Jan Barášek
Avant de pouvoir traiter les données utilisateur sur le serveur via PHP, nous devons d'abord les obtenir. Cela se fait dans le navigateur via des formulaires HTML qui définissent les éléments de base pour recevoir les données. Le but de cet article n'est pas de présenter toutes les possibilités des formulaires, mais seulement les possibilités de base pour accepter les données et comprendre le principe.

Source du formulaire HTML de base

<form action="script.php" method="get">

<!-- Zde bude celý obsah formuláře -->

</form>

Chaque formulaire commence par la balise HTML <form> et se termine par la balise </form>. Tous les champs de formulaire placés entre ces balises seront soumis.

Ensuite, vous devez définir où envoyer le formulaire avec l'attribut action (nom du script), et quelle méthode utiliser avec l'attribut method (GET ou POST). Si la méthode et la destination ne sont pas spécifiées, le formulaire s'envoie par défaut par la méthode GET.

Champs de formulaire de base

Le champ le plus utilisé est utilisé pour obtenir le texte (chaîne de caractères). Chaque champ a son propre type et son propre nom par lequel il peut être reconnu après la soumission.

Champs de texte communs

Plus important encore, j'ai besoin d'un champ de texte brut :

<input type="text" name="food">

Champ du mot de passe

<input type="password" name="heslo">

Case à cocher

Il est utilisé pour vérifier le booléen (TRUE et FALSE) :

<input type="checkbox" name="vop" checked="checked">

Bouton radio pour sélectionner plusieurs options

<input type="radio" name="language" value="cz" checked> Čeština
<input type="radio" name="language" value="sk"> Slovenština
<input type="radio" name="language" value="en"> Angličtina

Il vous permet de choisir parmi plusieurs options. L'option sélectionnée envoie sa valeur. Par défaut, il est bon de sélectionner un champ avec l'attribut checked="checked" :



Grand champ de texte

Créé pour la saisie de texte sur plusieurs lignes. Il est également utilisé pour entrer :

  • cols ~ nombre de colonnes
  • rows ~ nombre de lignes
<textarea name="article" cols="40" rows="6">
Ahoj lidi!
</textarea>

Boîte de sélection

Présente un moyen pratique de sélectionner parmi de nombreuses données.

<select name="gender">
	<option value="man">Muž</option>
	<option value="woman">Žena</option>
</select>

Après avoir soumis le formulaire, la valeur dans value est envoyée.

Bouton d'envoi

Le formulaire peut comporter un nombre illimité de boutons d'envoi. Ils sont faciles à saisir :

<input type="submit" value="Odeslat">

Lorsqu'il est cliqué, il prend toutes les données des champs du formulaire et les envoie au script de paramétrage :

Traitement des données sur le serveur

Ensuite, il faut envoyer les données au serveur et les traiter sur place, ce qui est abordé dans l'article suivant.

Jan Barášek     En savoir plus sur l'auteur

L'auteur travaille comme développeur principal et architecte logiciel à Prague. Il conçoit et gère de grandes applications web que vous connaissez et utilisez. Depuis 2009, il a acquis une grande expérience qu'il transmet par le biais de ce site web.

Je serai heureux de vous aider:

Contact