Besoin d'aide en HTML pour un formulaire

olivier147 Messages postés 32 Date d'inscription Statut Membre Dernière intervention -
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention - 4 mars 2015 à 12:31

Bonjour,

Je souhaiterai faire un petit formulaire simple en HTML, seulement je suis débutant et très vite dans les choux ^^
L'idée c'est d'avoir des cases à cocher et afficher un texte particulier dans une zone de texte selon la ou les cases cochées.

<FORM>
<INPUT type="checkbox" name="choix1" value="1"> A
<INPUT type="checkbox" name="choix2" value="2"> B
<INPUT type="checkbox" name="choix3" value="3"> C
<INPUT type="checkbox" name="choix4" value="4"> D
<INPUT type="checkbox" name="choix1" value="5"> E
<INPUT type="checkbox" name="choix2" value="6"> F
<INPUT type="checkbox" name="choix3" value="7"> G
<INPUT type="checkbox" name="choix4" value="8"> H
<INPUT type="checkbox" name="choix4" value="9"> I
</FORM>

Pour l'instant j'en suis là...
Bon les cases s'affiches bien mais pour la suite je bloque complètement, ça fait plus d'une heure que j'essaye mille trucs mais rien n'y fait.

Ce que je veux c'est si la case à cocher est "A", alors afficher le texte "avion bleu" (par exemple), si c'est la case "B", afficher le texte "Bateau rouge"....
Et j'aimerai aussi comprendre le mécanisme avec plusieurs variables, si par éxemple "A" et "B" sont cochées, alors le texte sera "Voiture noir".

J'espère être compréhensible

Merci par avance pour votre aide précieuse ;-)

EDIT : Ajout des balises de code

A voir également:

Besoin d'aide en HTML pour un formulaire
Whatsapp formulaire opposition - Guide
Formulaire de réclamation facebook - Guide
Editeur html - Télécharger - HTML
Formulaire de reclamation instagram - Guide
Espace en html - Astuces et Solutions

2 réponses

Réponse 1 / 2

jm-25 Messages postés 140 Date d'inscription Statut Membre Dernière intervention 121

Bonjour,

Tu ne pourras pas arriver à ce résultat seulement avec du HTML, tu peux chercher encore longtemps. Il faut coupler avec un langage comme JavaScript ou PHP pour cela.

Réponse 2 / 2

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

Bonjour,

1 - Merci de bien vouloir utiliser la coloration syntaxique (les balises de code) lorsque tu postes du code sur le forum.
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code

2 - Voici un exemple de ce que tu souhaites faire :

<html>
<head>
	<title>TEST</title>
</head>
<body>


<script type="text/javascript">
function validerChoix(){
var zoneTxt = document.getElementById('zone_de_texte');
var chk_arr =  document.getElementsByName("choix[]");
var chklength = chk_arr.length;  
var resultat = "";           
for(k=0;k< chklength;k++){
    if(chk_arr[k].checked){
      resultat += chk_arr[k].value;
    }
} 
//Affichage du résultat :
 zoneTxt.innerHTML = resultat;


}
</script> 

<div id="cases">
<input type="checkbox" name="choix[]" value="A"> A
<input type="checkbox" name="choix[]" value="B"> B
<input type="checkbox" name="choix[]" value="C"> C
<input type="checkbox" name="choix[]" value="D"> D
<input type="checkbox" name="choix[]" value="E"> E
<input type="checkbox" name="choix[]" value="F"> F
<input type="checkbox" name="choix[]" value="G"> G
<input type="checkbox" name="choix[]" value="H"> H
<input type="checkbox" name="choix[]" value="I"> I
   <input type="button"  style="margin:0px"  value="valider" onclick="validerChoix();">
</div>
<br><br>
<div id="zone_de_texte" style="background-color:lightyellow;min-width:100px;min-height:60px;border:1px solid black">

</div>

</body>
</html>

</script>

Discussions similaires

Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire

Votre réponse

Discussions similaires