Balise output ne fonctionne pas

Résolu

Synerz Messages postés 1341 Statut Membre -
Synerz Messages postés 1341 Statut Membre - 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 !

Afficher la suite

1 réponse

Réponse 1 / 1
Pitet Messages postés 2845 Statut Membre 530
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
1. Synerz Messages postés 1341 Statut Membre 116
  
  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
2. Pitet Messages postés 2845 Statut Membre 530
  
  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
3. Synerz Messages postés 1341 Statut Membre 116 > Pitet Messages postés 2845 Statut Membre
  
  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
4. Synerz Messages postés 1341 Statut Membre 116 > Synerz Messages postés 1341 Statut Membre
  
  La balise <form> n'est pas vraiment utile si ?
  
  0
5. Pitet Messages postés 2845 Statut Membre 530
  
  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

Balise output ne fonctionne pas

1 réponse

Discussions similaires

Newsletters