Les balises d'un formulaire Web peuvent comprendre un attribut id et un attribut name. Chacun de ces attributs joue un rôle important.
L'attribut id permet d'identifier un élément de façon unique dans une page Web.
Il peut être utilisé en CSS et en JavaScript pour appliquer un style ou effectuer une opération sur l'élément.
À l'intérieur du formulaire, l'attribut id permet de faire le lien entre un libellé et une zone de saisie. Ce lien permet d'étendre la zone cliquable. Ainsi, un clic sur le libellé donne le focus à la zone de saisie correspondante.
<form method="post" action="traitement.php">
<p>
<label class="aligne" for="usager">Usager :</label>
<input type="text" id="usager" name="usager" />
</p>
<p>
<label class="aligne">Administrateur:</label>
<input type="radio" name="administrateur" id="oui" value="oui" />
<label for="oui">Oui</label>
<input type="radio" name="administrateur" id="non" value="non" />
<label for="non">Non</label>
</p>
<p>
<input class="aligne" type="submit" value="Soumettre" name="soumettre" />
<input type="button" value="Annuler" name="annuler" />
</p>
</form>
L'attribut name, en plus de rendre les boutons radio mutuellement exclusifs, trouvera son utilité lors du traitement du formulaire.
<form method="post" action="traitement.php">
<p>
<label class="aligne" for="usager">Usager :</label>
<input type="text" id="usager" name="usager">
</p>
<p>
<label class="aligne">Administrateur:</label>
<input type="radio" name="administrateur" id="oui" value="oui">
<label for="oui">Oui</label>
<input type="radio" name="administrateur" id="non" value="non">
<label for="non">Non</label>
</p>
<p>
<input class="aligne" type="submit" value="Soumettre" name="soumettre">
<input type="button" value="Annuler" name="annuler">
</p>
</form>
<?php
// Remarquez l'utilisation de htmlspecialchars() pour prévenir l'exécution de balises <script> qui auraient pu être entrées dans le formulaire
if (!empty($_POST)) { // si des données ont été soumises par POST
echo "<p>Bonjour, " . htmlspecialchars($_POST['usager'], ENT_QUOTES) . "</p>"; // affichera le contenu de la boîte de saisie
echo "<p>Administrateur? " . htmlspecialchars($_POST['administrateur'], ENT_QUOTES) . "</p>"; // affichera l'attribut value de l'option choisie
}
?>
▼Publicité
