Maison >interface Web >Tutoriel H5 >Que signifie la balise de sortie html5 ? Comment utiliser la balise de sortie HTML5

Que signifie la balise de sortie html5 ? Comment utiliser la balise de sortie HTML5

寻∝梦original: 2018-08-21 14:20:535278parcourir

Que signifie la balise de sortie html5 ? Les méthodes d'utilisation de la balise de sortie html5 sont toutes ici. Cet article présente la définition de la balise de sortie html5 et comment utiliser la balise de sortie html5 (avec des exemples de code)

Définition de la balise de sortie html5. :

est affiché comme résultat du calcul (comme le résultat de l'exécution d'un script).

attributs html5 :

1.for spécifie la liste d'identifiants d'un ou plusieurs éléments, séparés par des espaces. Ces éléments décrivent la relation entre les éléments utilisés dans le calcul et les résultats du calcul.

2.form spécifie une liste d'identifiants d'un ou plusieurs formulaires auxquels appartient l'élément , séparés par des espaces.

3.name spécifie le nom de l'élément

Basé sur l'exemple :

Exemple :

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>

Résultat :

Que signifie la balise de sortie html5 ? Comment utiliser la balise de sortie HTML5

3 Dans l'attribut form, la plupart des navigateurs ne le prennent pas en charge, donc la sortie ne peut être écrite dans aucune autre position et elle ne peut avoir un effet que dans le formulaire.

Remarque : Une fois

enveloppé par le formulaire, le nom et l'identifiant représentant les attributs de la balise ont le même effet, y compris x.value, qui peut également être remplacé par x.innerHTML.

De plus, l'événement oninput est un événement déclenché lorsque l'utilisateur entre !

Instructions d'utilisation de la balise de sortie html5 :

La balise ).

Par exemple, pour afficher les résultats du calcul dans l'élément :





out标签的用法


<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>

Comment utiliser l'élément de sortie dans un formulaire :

<form action="form_action.asp" method="get" name="sumform">
<output name="sum"></output>
</form>
TIY
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function write_sum()
{
x=5
y=3
document.forms["sumform"]["sum"].value=x+y
}
</script>
</head>
<body onload="write_sum()">
<form action="form_action.asp" method="get" name="sumform">
<output name="sum"></output>
</form>
</body>
</html>

Différences entre HTML 4.01 et HTML5 La balise

Prise en charge des navigateurs

Firefox, Opera, Chrome et Safari prennent tous en charge la balise

Remarque : Internet Explorer ne prend pas en charge la balise

[Recommandations associées]

Comment utiliser la balise audio html5 ? Exemple de code d'implémentation de la lecture automatique HTML5

Comment utiliser la balise d'adresse HTML ? Explication détaillée de la façon d'utiliser la balise d'adresse HTML

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

html5 firefox chrome safari html for 事件 innerHTML

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Introduction au style de balise de table html5 (ci-joint un exemple de centrage CSS de table html5)Article suivant：Introduction au style de balise de table html5 (ci-joint un exemple de centrage CSS de table html5)

Articles Liés

Voir plus