Condition HTML
R.Alexandre
Messages postés
6
Statut
Membre
-
R.Alexandre Messages postés 6 Statut Membre -
R.Alexandre Messages postés 6 Statut Membre -
Bonjour, voici mon formulaire en html je voudrais que la partie 2 soit masquée et que lorsque je clique sur "oui" dans la partie 1 elle apparaisse. Pouvez-vous m'aider s'il vous plaît ? merci :)
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>infos</title>
</head>
<body>
<form action= "nom" method="get">
<fieldset style="width:700px;">
<legend>infos</legend>
<table style="border=0;">
<tr><td> <colspan="2"><h1>partie 1:</h1></td></tr>
<tr>
<td style="width:185px;">
<label for="passion">Avez-vous déjà joué au baseball ?</label>
</td>
<td>
<label for="oui" >oui<input id="oui" name="experience" type="radio" /> </label>
<label for="non">non<input id="non" name="experience" type="radio" /> </label>
</td>
</tr>
<div id="id_div_1" style="display:none;">
<tr><td> <colspan="2"><h1>partie 2 :</h1></td></tr>
<tr>
<td style="width:185px;">
<label for="passion">Style de batteur :</label>
</td>
<td>
<label for="d" >droitier<input id="d" name="position" type="radio" /> </label>
<label for="g">gaucher<input id="g" name="position" type="radio" /> </label>
</td>
</tr>
<tr>
<td>
<input id="validator" name="submit" type="submit" />
</td>
</tr>
<tr>
<td>
<input id="remise" name="reset" type="reset" />
</td>
</tr>
</table>
</fieldset>
</form>
</body>
</html>
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>infos</title>
</head>
<body>
<form action= "nom" method="get">
<fieldset style="width:700px;">
<legend>infos</legend>
<table style="border=0;">
<tr><td> <colspan="2"><h1>partie 1:</h1></td></tr>
<tr>
<td style="width:185px;">
<label for="passion">Avez-vous déjà joué au baseball ?</label>
</td>
<td>
<label for="oui" >oui<input id="oui" name="experience" type="radio" /> </label>
<label for="non">non<input id="non" name="experience" type="radio" /> </label>
</td>
</tr>
<div id="id_div_1" style="display:none;">
<tr><td> <colspan="2"><h1>partie 2 :</h1></td></tr>
<tr>
<td style="width:185px;">
<label for="passion">Style de batteur :</label>
</td>
<td>
<label for="d" >droitier<input id="d" name="position" type="radio" /> </label>
<label for="g">gaucher<input id="g" name="position" type="radio" /> </label>
</td>
</tr>
<tr>
<td>
<input id="validator" name="submit" type="submit" />
</td>
</tr>
<tr>
<td>
<input id="remise" name="reset" type="reset" />
</td>
</tr>
</table>
</fieldset>
</form>
</body>
</html>
A voir également:
- Html condition
- Excel cellule couleur si condition texte - Guide
- Editeur html - Télécharger - HTML
- Excel champ calculé avec condition - Forum Excel
- Espace en html ✓ - Forum HTML
- Excel condition ou - Guide
ps: Je dois faire une page en CSS si j'ai bien compris ?
Sinon avec du javascript tu peux réaliser les actions afficher/cacher sans problème.
<head> <script language="javascript"> function choix(chaine) { var a = document.getElementById("oui"); var b= document.getElementById("non"); if (chaine == 'cacher1'){ a.style.display = "block"; b.style.display = "none"; } else if (chaine == 'cacher2'){ a.style.display = "none"; b.style.display = "block"; }} </script> </head><body> <label for="oui" >oui<input id="oui" name="experience" type="radio" onchange="choix('cacher1') /> </label> <label for="non">non<input id="non" name="experience" type="radio" onchange="choix('cacher2')" /> </label> </body>