“output”要素~“form”属性

“form”属性について

“form”属性は“form”要素の外にある“output”要素を“form”要素と関連付ける属性です。

“form”属性の値には“output”要素を関連付ける“form”要素の“id”属性の値を指定します。同じ文書にある“form”要素であれば配置場所にかかわらず関連付けることができます。

“form”属性を省略した場合は“output”要素は祖先要素となる“form”要素に関連づけられます。

指定できる値

サンプルコード

<form oninput="x.value=Number(a.value)" id="revenge">

<p>

<label>どのくらいムカついた？：<input type="range" id="multiply" name="a" min="1" max="100" value="1"></label>

</p>

</form>

...

<p>

土下座する宿敵を前に彼は彼はこう宣言した、<output name="x" for="multiply" form="revenge">1</output>倍返しだ、と。

</p>

どのくらいムカついた？：

...

土下座する宿敵を前に彼は彼はこう宣言した、

1

倍返しだ、と。