Heim  >  Artikel  >  Web-Frontend  >  Wozu dient das Ausgabe-Tag in HTML5?

Wozu dient das Ausgabe-Tag in HTML5?

黄舟
黄舟Original
2017-07-03 10:41:233435Durchsuche

In W3C verwendet er ein Ausgabe-Tag, aber danach steht nichts. Dann ist onforminput das Ereignis , das auftritt, wenn das Formular die Daten erhält und ausfüllt. Wann erhält das Formular die Daten, die das aufgerufene Javascript-Ereignis zuweist? Wert zur Ausgabe, aber die Ausgabe kann nicht auf diesem Label ausgegeben werden.

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function resCalc()
{
numA=document.getElementById("num_a").value;
numB=document.getElementById("num_b").value;
document.getElementById("result").value=Number(numA)+Number(numB);
}
</script>
</head>
<body>
<p>使用 output 元素的简易计算器:</p>
<form onsubmit="return false">
 <input id="num_a" /> +
 <input id="num_b" /> =
 <output id="result" onforminput="resCalc()"></output>
</form>

</body>
</html>

Ergebnis;

Wozu dient das Ausgabe-Tag in HTML5?

html5 hat eine Ausgabe und eine Formulareingabe, aber der Browser unterstützt es nicht. Sie müssen wissen, dass nicht alle Browser HTML5 implementieren Standard, nur Opera 10 unterstützt es. Ursprünglich wollte ich einen Screenshot machen, damit Sie ihn sehen können, aber es scheint, dass ich ihn nicht hochladen kann. Dann können Sie sich auf den „The Definitive Guide to HTML.5 and CSS.3“ beziehen. das erwähnt

Das Problem liegt im onforminput-Attribut, löschen Sie es und fügen Sie dann oninput="resCalc()" in

hinzu, das Beispiel wird funktionieren
Was den Grund für das Scheitern von onforminput angeht, verstehe ich als Anfänger immer noch nicht sehr gut, ich hoffe, dass einige Experten etwas hinzufügen können.

Das obige ist der detaillierte Inhalt vonWozu dient das Ausgabe-Tag in HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn