Valid XHTML 1.0 Strict
Apprendre le XHTML > Formulaire Xhtml > Balise INPUT

La balise <input />

La balise <input /> définit un champ de formulaire d'une page web xhtml (balise de type EN LIGNE). La balise <input /> possède un attribut type dont les valeurs correspondent à différents types de champs de formulaires : text (champ texte), checkbox (case à cocher), radio (bouton radio), file (champ fichier), image (soumission avec une image), password (mot de passe), submit (soumission du formulaire), reset (initialisation du formulaire), hidden (champ caché), button (bouton générique).

Utilisation de la balise <input />

<form action="">
     <fieldset>
          <legend>Informations sur vous</legend>
          <label for="nom">Nom</label> :
          <input type="text" name="monNom" id="nom" />
          <label for="prenom">Prénom</label> :
          <input type="text" name="monPrenom" id="prenom" />
          <hr />
          <input type="checkbox" name="maNewsletter" id="newsletter" />
          <label for="newsletter">Recevoir notre newsletter</label>
          <hr />
          <input type="radio" name="monSexe" id="homme" />
          <label for="homme">Homme</label>
          <input type="radio" name="monSexe" id="femme" />
          <label for="femme">Femme</label>
          <hr />
          <label for="photo">Photo</label> :
          <input type="file" name="maPhoto" id="photo" />
          <hr />
          <label for="pass">Mot de passe</label> :
          <input type="password" name="monPass" id="pass" />
          <hr />
          <label for="champCacher">Champ caché</label> :
          <input type="hidden" name="monChampCacher" id="champCacher" />
          <hr />
          <label for="bouton">Un bouton</label> :
          <input type="button" name="monBouton" id="bouton" value="Cliquez ici!" />
          <hr />
          <label for="initialize">Réinitialiser le formulaire</label> :
          <input type="reset" name="monInitialize" id="initialize" />
          <hr />
          <label for="image">Soumission avec une image</label> :
          <input type="image" name="monImage" id="image" src="/image/soumission_image.jpg" />
          <hr />
          <label for="soumission">Soumission traditionnelle</label> :
          <input type="submit" name="maSoumission" id="soumission" />
     </fieldset>
</form>


affichera :

Informations sur vous : :


:
:
:
:
:
:
:

2024 © Fabien Branchut