Informatique


Les éléments <form>

Aller à

<select>

L'élément HTML <select> crée une liste déroulante.

Démo
	<form action=<?php echo $_SERVER['PHP_SELF'];?> method=post>
	<label for="boi">Pays:</label> 
		<select id=boi name=pays>
		<option value="BE">Belgique</option>
		<option value="FR">France</option>
		<option value="D">Allemagne</option>
		<option value="CH">Suisse</option>
		<option value="NL">Pays-bas</option>
		</select>
	<input type=submit value="Envoyer">
	</form>
	<?php
	var_dump($_POST['pays']);
	?>?>

Attributs

name, multiple, required, size

Démo
	<form action=<?php echo $_SERVER['PHP_SELF'];?> method=post>
	<label for="boi">Pays:</label> 
		<select id=boi name=pays[] multiple size=3 required>
		<option value="BE">Belgique</option>
		<option value="FR">France</option>
		<option value="D">Allemagne</option>
		<option value="CH">Suisse</option>
		<option value="NL">Pays-bas</option>
		</select>
	<input type=submit value="Envoyer">
	</form>
	<?php
	var_dump($_POST['pays']);
	?>


<textarea>

L'élément HTML <textarea> permet d'entrer un texte sur plusieurs lignes.

	
	<form action=<?php echo $_SERVER['PHP_SELF'];?> method=post>
	<label for="boi">Votre avis:</label> 
		<textarea id="boi" name="avis" cols=50 rows=10>

		</textarea>
	<input type=submit value="Envoyer">
	</form>
	<?php
	var_dump($_POST['avis']);
	?>

Attributs

name, autocomplete, rows, cols, maxlength, minlength, autofocus, disabled, placeholder, readonly, required, spellcheck, wrap

Démo
	<form action=<?php echo $_SERVER['PHP_SELF'];?> method=post>
	<label for="boi">Votre avis:</label> 
		<textarea id="boi" name="avis" cols=50 rows=10 spellcheck=true wrap=hard>
		</textarea>
	<input type=submit value="Envoyer">
	</form>
	<?php
	var_dump($_POST['avis']);
	?>


<datalist>

L'élément HTML <datalist> contient un ensemble d'éléments <option> qui représentent les valeurs possibles pour d'autres contrôles.

Démo
<form action=<?php echo $_SERVER['PHP_SELF'];?> method=post>
	<label for="me">Votre URL:</label> 
	<input id="me" type="url" name="urlocator" placeholder="http://..." list=adresses>
	<datalist id="adresses">
		  <option value="http://www.louisvandevelde.be">
		  <option value="https://www.w3schools.com">
		  <option value="https://developer.mozilla.org">
	</datalist>
	<input type=submit value="Envoyer">
</form>
<?php
var_dump($_POST['urlocator']);
?>

Attributs

Sans attributs, hormis les globaux.


<button>

L'élément HTML <button> est utilisé afin de créer un contrôle interactif ayant la forme d'un bouton et qui pourra être utilisé dans un formulaire ou dans le document.

L'attribut type permet de préciser le rôle du bouton, il peut prendre les valeurs submit, reset, button et menu.

Démo
	<form action=<?php echo $_SERVER['PHP_SELF'];?> method=post>
		<label for="boi">Nom:</label> 
		<input type=text id="boi" name="nom">
		<button type=submit name=btt value="Coucou">Envoyer!</button>
	</form>
	<?php
	var_dump($_POST['nom'].$_POST['btt']);
	?>

Attributs

name, type, value, autofocus, disabled, etc.