form属性

output要素のform属性は、output要素が所属するform要素を指定する属性。

ブラウザ対応

構文

<output form="所属するform要素のid属性値"></output>

所属するform要素のid属性値

output要素が所属するform要素のid属性値を指定する。

要点

  • form属性は、output要素が所属するform要素を指定する属性である。
  • output要素にform属性を指定しない場合は、直近の祖先要素であるform要素が所属フォームとなる。
  • form属性は、HTML5にて新たに導入された属性である。

サンプルコード

<form id="sampleForm" oninput="sampleResult.value=parseInt(sampleNumA.value)*parseInt(sampleNumB.value)">
	<p>
		<input type="number" id="sampleNumA" value="0">
		×
		<input type="number" id="sampleNumB" value="0">
	</p>
</form>
<p>
		答え：
		<output name="sampleResult" form="sampleForm"></output>
</p>

サンプル

HTMLソースコード

<form id="sampleForm" oninput="sampleResult.value=parseInt(sampleNumA.value)*parseInt(sampleNumB.value)">
	<p>
		<input type="number" id="sampleNumA" value="0">
		×
		<input type="number" id="sampleNumB" value="0">
	</p>
</form>
<p>
		答え：
		<output name="sampleResult" form="sampleForm"></output>
</p>

実際の表示

×

答え：