Was bedeutet das HTML5-Ausgabetag? So verwenden Sie das HTML5-Ausgabe-Tag-H5-Tutorial-php.cn

Was bedeutet das HTML5-Ausgabetag? So verwenden Sie das HTML5-Ausgabe-Tag

寻∝梦

Freigeben： 2018-08-21 14:20:53

Original

5241 Leute haben es durchsucht

Was bedeutet das HTML5-Ausgabe-Tag? Die Methoden zur Verwendung des HTML5-Ausgabe-Tags finden Sie hier. In diesem Artikel wird die Definition des HTML5-Ausgabe-Tags und die Verwendung des HTML5-Ausgabe-Tags vorgestellt (mit Codebeispielen).

HTML5-Ausgabe-Tag-Tag-Definition :

Tag wird als Ausgabe des Berechnungsergebnisses angezeigt (z. B. die Ausgabe der Ausführung eines Skripts).

html5 :

1.for gibt die ID-Liste eines oder mehrerer Elemente an, getrennt durch Leerzeichen. Diese Elemente beschreiben die Beziehung zwischen den in der Berechnung verwendeten Elementen und den Ergebnissen der Berechnung.

2.form gibt eine Liste von IDs eines oder mehrerer Formulare an, zu denen das -Element gehört, getrennt durch Leerzeichen.

3.name gibt den Namen des -Elements an.

Basierend auf dem Beispiel:

Beispiel:

<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>

Nach dem Login kopieren

Ergebnis:

Was bedeutet das HTML5-Ausgabetag? So verwenden Sie das HTML5-Ausgabe-Tag

Die meisten Browser unterstützen es nicht im mittleren Formular, die Ausgabe kann nicht an einer anderen Position geschrieben werden. Sie kann nur innerhalb des Formulars wirksam werden.

Hinweis: Nachdem

durch das Formular umbrochen wurde, haben der Name und die ID, die die Tag-Attribute darstellen, den gleichen Effekt, einschließlich x.value, das auch durch x.innerHTML ersetzt werden kann.

Darüber hinaus ist das oninput-Ereignis ein Ereignis, das ausgelöst wird, wenn der Benutzer Eingaben macht!

Anweisungen zur Verwendung des HTML5-Ausgabe-Tags:

wird als Ausgabe des Berechnungsergebnisses angezeigt (z. B. die Ausgabe der Ausführung eines Skripts). ).

Um beispielsweise Berechnungsergebnisse in einem -Element anzuzeigen:





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>

Nach dem Login kopieren

So verwenden Sie das Ausgabeelement in einem Formular:

<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>

Nach dem Login kopieren

Unterschiede zwischen HTML 4.01 und HTML5

Browser-Unterstützung

Firefox, Opera, Chrome und Safari unterstützen alle das -Tag.

Hinweis: Internet Explorer unterstützt das nicht.

[Verwandte Empfehlungen]

Wie verwende ich den HTML5-Audio-Tag? Beispiel für einen HTML5-Autoplay-Implementierungscode

Wie verwende ich das HTML-Adress-Tag? Ausführliche Erklärung zur Verwendung des HTML-Adress-Tags

Das obige ist der detaillierte Inhalt vonWas bedeutet das HTML5-Ausgabetag? So verwenden Sie das HTML5-Ausgabe-Tag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!