Sommaire

Affichage dynamique dans un formulaire

Dans cet exemple, nous allons donner la possibilité aux utilisateurs d’afficher et de masquer une partie d’un formulaire. C’est une fonctionnalité assez classique qui permet d’afficher des options quand l’utilisateur clique sur une case à cocher, par exemple.

Voici la structure de la page HTML et du formulaire :

<form id="inscription" name="formulaire" method="post" action="#"> 
<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="UTF-8"> 
        <title>Ma page</title> 
    </head> 
    <body> 
        <form id="inscription" name="formulaire" method="post" action="#"> 
            <p> 
                <label for="nom">Nom : </label> 
                <input id="nom" name="nom" type="text"> 
            </p> 
            <p> 
                <label for="prenom">Prénom : </label> 
                <input id="prenom" name="prenom" ...