Maison > interface Web > Tutoriel H5 > le corps du texte

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

寻∝梦
Libérer: 2018-08-21 14:20:53
original
5241 Les gens l'ont consulté

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>
Copier après la connexion

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>

Copier après la connexion

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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!