Sujet Précédent Sujet Suivant

Balise output ne fonctionne pas

Résolu/Fermé
Synerz Messages postés 1221 Date d'inscription mercredi 5 juin 2013 Statut Membre Dernière intervention 27 décembre 2017 - Modifié par Synerz le 1/02/2016 à 16:13
Synerz Messages postés 1221 Date d'inscription mercredi 5 juin 2013 Statut Membre Dernière intervention 27 décembre 2017 - 2 févr. 2016 à 17:00
Bonjour,

J'étudie l'html via un livre et plus précisément sur la balise output mais j'ai un souci. Voici le code affiché dans mon livre: 

<!doctype HTML>
<html>
<head>
 <meta charset="utf-8"/>
 </head>
<body>
<label> Nombre 1 </label>
<input type="number" name="nb1"/>
<label> multiplié par nombre 2 </label>
<input type='number' name='nb2'/>
<label> est égale à </label>
<output name='calcul' onforminput='value=nb1.value * nb2.value;' >
</output>
</html>

Mais quand je tape ce code et je lance avec mon navigateur rien ne ce passe je rentre les deux valeurs mais aucun résultat s'affiche.
J'aimerai savoir pourquoi, merci d'avance
Un peu d'aide contre un topic résolu !

1 réponse

Réponse 1 / 1
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
1 févr. 2016 à 16:26
Salut,

Essaye comme ceci : 
<!doctype html>
<html>
<head>
 <meta charset="utf-8"/>
</head>
<body>
<form oninput="calcul.value=nb1.value*nb2.value;">0
  <label>Nombre 1</label>
  <input type="number" name="nb1" />
  <label>multiplié par nombre 2</label>
  <input type="number" name="nb2" />
  <label>est égale à</label>
  <output name="calcul"></output>
</form>
</body>
</html>


Bonne journée
0
Synerz Messages postés 1221 Date d'inscription mercredi 5 juin 2013 Statut Membre Dernière intervention 27 décembre 2017 116
1 févr. 2016 à 16:36
Effectivement comme ceci ça fonctionne donc mon livre ce trompe.. Toujours plaisant de payer un livre avec des erreurs aussi grosse..

J'ai un deuxième souci j'utilise l'attribut placeholder='...' quand je l'utilise dans un input tout fonctionne mais que je l'utilise dans un textarea la ça ne fonctionne pas.. Je suis obligé de taper un texte puis l'effacer pour que mon message en gris s'affiche. Une idée ?
0
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
Modifié par Pitet le 1/02/2016 à 17:37
L'attribut placeholder est sensé être supporté par tous les navigateurs récents et par IE depuis la version 10 (même s'il semble exister encore quelques bug avec le focus notamment) : https://caniuse.com/#feat=input-placeholder
As tu un exemple à nous montrer (en précisant le navigateur utilisé) ?
0
Synerz Messages postés 1221 Date d'inscription mercredi 5 juin 2013 Statut Membre Dernière intervention 27 décembre 2017 116 > Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022
2 févr. 2016 à 16:11
Bah juste avec ces quelques lignes j'ai le problème. 

<!doctype HTML>
<html>
<head>
	<meta charset="utf-8"/>
	<title> Balise Textarea</title>
</head>
<body>
<form>
<textarea placeholder='Donnez votre avis...' rows='5' cols='40' name="message"  > </textarea>

</form>

</html>


Via google chrome , edge et explorer
0
Synerz Messages postés 1221 Date d'inscription mercredi 5 juin 2013 Statut Membre Dernière intervention 27 décembre 2017 116 > Synerz Messages postés 1221 Date d'inscription mercredi 5 juin 2013 Statut Membre Dernière intervention 27 décembre 2017
2 févr. 2016 à 16:11
La balise <form> n'est pas vraiment utile si ?
0
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
Modifié par Pitet le 2/02/2016 à 16:44
Il ne faut pas laisser d'espace à l'intérieur de la balise textarea, sinon cet espace est affiché donc le champ n'est pas vide et le placeholder ne s'affiche pas : 
<!doctype HTML>
<html>
<head>
 <meta charset="utf-8"/>
 <title> Balise Textarea</title>
</head>
<body>
<form>
<textarea placeholder='Donnez votre avis...' rows='5' cols='40' name="message"></textarea>
</form>
</body>
</html>


La balise form n'est utile que si tu souhaites utiliser un formulaire, c-a-d envoyer les données à un script serveur. Dans le cas contraire oui la balise form n'est pas utile.

PS : n'oublie pas de fermer ta balise body afin que ton document soit valide
0

Discussions similaires

la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
Pas de son, pilote realtek
pyth -
dominic484 -

39 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
Balise </br>
erf -
erf -

3 réponses
Plus de son, NVIDIA Output Non connecté
samos10 -
Cbar -

26 réponses