Cours 5.1. Les formumlaires HTML
Introduction
Les formulaires représentent un point fondamental dans la création de pages dynamiques puisqu’ils permettent à l’utilisateur de saisir des données. Voici un exemple de formulaire contenant des boutons, des champs et des listes déroulantes :
Syntaxe
La création d'un formulaire HTML se définit grâce à la balise <form></form>.
Cette balise accepte deux attributs principaux :
actiondéfinit l'URL du script qui va traiter le formulairemethoddétermine la méthode de transmission des données
Voici un exemple de formulaire HTML :
<form action="traitement.php" method="post">
Entrez votre nom :
<input type="text" name="name">
<input type="submit" value="Envoyer">
</form>et un script de traitement PHP qui affiche les données reçues :
<?php
var_dump($_POST);Exercice
Modifier le script de l'exemple précédent pour y ajouter un champ supplémentaire comme sur l'illustration suivante :
Quiz
En HTML, quelle balise permet de déclarer le début d'un formulaire ?
Combien de champs comportera le formulaire suivant ?
<form action="traitement.php" method="post">
<input type="text" name="nom">
<input type="text" name="prénom">
<input type="text" name="ville">
<input type="submit" value="Envoyer">
</form>Dans le code suivant, lorsque l'utilisateur va soumettre le formulaire, vers quelle page sera-t-il redirigé ?
<form action="process.php" method="post">
...
</form>Dans le formulaire suivant, lorsque l'utilisateur va soumettre le formulaire, vers quelle page sera-t-il redirigé ?
<form action="/process.php" method="post">
...
</form>Voir aussi
- Cours développement web
- Cours 1.1. Histoire d'Internet
- Cours 1.2. Introduction au HTML
- Cours 1.3. Les caractères spéciaux en HTML
- Cours 1.4. Les commentaires en HTML
- Cours 1.5. Structure globale d'une page HTML
- Cours 1.6. Les liens hypertextes en HTML
- Cours 1.7. L'attribut id en HTML
- Cours 1.8. Les ancres en HTML
- Cours 1.9. Les images dans les pages HTML
- Cours 1.10. Les tableaux en HTML
- Cours 1.11. Les balises HTML les plus utilisées
- Cours 1.12. Quelques recommandations
- Cours 1.13. Ressources
- Cours 2.1. Introduction au CSS
- Cours 2.2. CSS en ligne
- Cours 2.3. CSS dans l'en-tête de la page
- Cours 2.4. CSS dans un fichier externe
- Cours 2.5. Les sélecteurs en CSS
- Cours 2.6. Les couleurs en CSS
- Cours 2.7. Les marges en CSS
- Cours 2.8. Les unités en CSS
- Cours 2.9. Les propriétés CSS les plus utilisées
- Cours 3.1. Histoire du JavaScript
- Cours 3.2. Hello World en JavaScript
- Cours 3.3. Console.log
- Cours 3.4. Les commentaires en JavaScript
- Cours 3.5. Les variables en JavaScript
- Cours 3.6. Les événements en JavaScript
- Cours 3.7. Document Object Model (DOM)
- Cours 3.8. Modifier le HTML
- Cours 3.9. Les frameworks JavaScript
- Cours 4.1. Introduction au PHP
- Cours 4.2. Les balises PHP
- Cours 4.3. Les variables en PHP
- Cours 4.4. isset vs empty vs is_null
- Cours 4.5. Les opérateurs en PHP
- Cours 4.6. Les guillemets en PHP
- Cours 4.7. Les tests en PHP, l'instruction if...else
- Cours 4.8. Les tableaux en PHP
- Cours 4.9. Les boucles en PHP
- Cours 4.10. Les sessions en PHP
- Cours 5.2. Les formulaires : POST ou GET
- Cours 5.3. Le champ <input>
- Cours 5.4. Les différents champs des formulaires HTML
- Cours 6.1. Introduction à MySQL
- Cours 6.2. phpMyAdmin
- Cours 6.3. Requêtes SQL les plus utilisées
- Cours 6.4. Connexion MySQL en PHP
- Cours 6.5. Les requêtes MySQL en PHP
- Cours 6.6. Lire des données MySQL en PHP
- Cours 6.7. Récupérer le dernier identifiant MySQL
