Balise output ne fonctionne pas

Résolu
Synerz Messages postés 1234 Date d'inscription   Statut Membre Dernière intervention   -  
Synerz Messages postés 1234 Date d'inscription   Statut Membre Dernière intervention   -
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   Statut Membre Dernière intervention   527
 
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 1234 Date d'inscription   Statut Membre Dernière intervention   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
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
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 1234 Date d'inscription   Statut Membre Dernière intervention   116 > Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention  
 
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 1234 Date d'inscription   Statut Membre Dernière intervention   116 > Synerz Messages postés 1234 Date d'inscription   Statut Membre Dernière intervention  
 
La balise <form> n'est pas vraiment utile si ?
0
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
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

Pas de son, pilote realtek
pyth -
dominic484 -

39 réponses
la balise <br> ou <br />
faamugol -
rwaness -

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

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

11 réponses
Saut de lignes sans <br/>
Rapi-shiny -
Rapi-shiny -

13 réponses