<a>
<abbr>
<acronym>
<address>
<area />
<bdo>
<blockquote>
<body>
<br />
<button>
<caption>
<cite>
<code>
<dd>
<del>
<dfn>
<div>
<dl>
<dt>
<em>
<fieldset>
<form>
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<head>
<hr />
<html>
<img />
<input />
<ins>
<kbd>
<label>
<legend>
<li>
<link />
<map>
<meta />
<noscript>
<object>
<ol>
<optgroup>
<option>
<p>
<param />
<pre>
<q>
<samp>
<script>
<select>
<span>
<strong>
<style>
<sub>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<title>
<tr>
<ul>
<var>
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).
<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>
2024 © Fabien Branchut