html5の出力タグは何を意味しますか? html5出力タグの使い方-H5 チュートリアル-php.cn

html5の出力タグは何を意味しますか? html5出力タグの使い方

寻∝梦

リリース： 2018-08-21 14:20:53

オリジナル

5264 人が閲覧しました

html5 出力タグは何を意味しますか? html5 出力タグの使用方法はすべてここにあります。この記事では、html5 出力タグの定義と html5 出力タグの使用方法 (コード例付き) を紹介します。

html5 出力タグのタグ定義:

タグは計算結果の出力（スクリプト実行の出力など）として表示されます。

html5 属性:

1.for は、スペースで区切られた 1 つ以上の要素の ID リストを指定します。これらの要素は、計算に使用される要素と計算結果の間の関係を記述します。

2.form は、要素が属する 1 つ以上のフォームの ID のスペース区切りのリストを指定します。

3.name は、要素の名前を指定します。

例を見てください:

例:

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

ログイン後にコピー

結果:

html5の出力タグは何を意味しますか? html5出力タグの使い方

3つの属性のうち、ほとんどのブラウザがサポートしていないため、フォームはサポートしていないため、出力を他の場所に書き込むことはできません、形式上のみ効果があります。

注:

フォームでラップされた後、タグ属性を表す名前と ID は同じ効果を持ちます。これには x.value も含まれ、x.innerHTML で置き換えることもできます。

さらに、oninputイベントはユーザーが入力したときにトリガーされるイベントです。

html5 出力タグの使用方法:

タグは、計算結果の出力 (スクリプト実行の出力など) として表示されます。

たとえば、計算結果を要素に表示するには:





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>

ログイン後にコピー

フォームでの出力要素の使用方法:

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

ログイン後にコピー

HTML 4.01 と HTML5 の違い

tag HTML 5 の新しいタグです。

ブラウザのサポート

Firefox、Opera、Chrome、Safari ブラウザはすべてタグをサポートしています。

注: Internet Explorer はタグをサポートしていません。

【関連おすすめ】

html5 audioタグの使い方は？ HTML5自動再生実装コード例

HTMLアドレスタグの使い方は？ HTMLアドレスタグの使い方を詳しく解説

以上がhtml5の出力タグは何を意味しますか? html5出力タグの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。