Name of code : formulaire inputs

Categorie : Base HTML

exemple de page HTML qui utilise différents types d'éléments de formulaire (inputs, textarea, etc.)

Demo : formulaire inputs

HTML

CSS

Visual Sstudio Code

<!DOCTYPE html>
<html>
<head>
	<title>Exemple de formulaire HTML</title>
</head>
<body>
	<form action="#" method="post">
		<label for="nom">Nom :</label>
		<input type="text" id="nom" name="nom"><br><br>
		
		<label for="email">E-mail :</label>
		<input type="email" id="email" name="email"><br><br>
		
		<label for="mdp">Mot de passe :</label>
		<input type="password" id="mdp" name="mdp"><br><br>
		
		<label for="sexe">Sexe :</label>
		<input type="radio" id="homme" name="sexe" value="homme">
		<label for="homme">Homme</label>
		<input type="radio" id="femme" name="sexe" value="femme">
		<label for="femme">Femme</label><br><br>
		
		<label for="pays">Pays :</label>
		<select id="pays" name="pays">
			<option value="france">France</option>
			<option value="espagne">Espagne</option>
			<option value="italie">Italie</option>
			<option value="allemagne">Allemagne</option>
			<option value="royaume-uni">Royaume-Uni</option>
		</select><br><br>
		
		<label for="sujet">Sujet :</label>
		<select id="sujet" name="sujet" multiple>
			<option value="support">Support technique</option>
			<option value="ventes">Ventes</option>
			<option value="retours">Retours</option>
			<option value="autre">Autre</option>
		</select><br><br>
		
		<label for="message">Message :</label>
		<textarea id="message" name="message" rows="5" cols="40"></textarea><br><br>
		
		<label for="fichier">Fichier :</label>
		<input type="file" id="fichier" name="fichier"><br><br>
		
		<input type="submit" value="Envoyer">
		<input type="reset" value="Réinitialiser">
	</form>
</body>
</html>