html5中輸出元素怎么使用

本篇內(nèi)容介紹了“html5中輸出元素怎么使用”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

在html5中，輸出元素是“output”，該標(biāo)簽元素用于定義不同類型的輸出，可以將計(jì)算結(jié)果通過“ <output>”標(biāo)簽顯示；語(yǔ)法“<output name="name" for="element_id"></output>”。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

在html5中，輸出元素是“output”。

html5 <output> 標(biāo)簽定義不同類型的輸出，比如腳本的輸出。

<output>標(biāo)記是用來輸出計(jì)算結(jié)果或用戶動(dòng)作的結(jié)果。

<output>元素的幾個(gè)屬性：

• for：用來指明參與計(jì)算的元素的ID，用空格分割多個(gè)ID

• form：這個(gè)元素相對(duì)應(yīng)的表單的ID，如果這個(gè)元素放在一個(gè)表單內(nèi)，這不用指明這個(gè)值。當(dāng)它位于表單外時(shí)，需要指明是屬于哪個(gè)表單。

• name：這個(gè)元素的名稱。

示例1：將計(jì)算結(jié)果顯示在 <output> 元素中

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

示例2：

<form onsubmit="return false" oninput="o.value = parseInt(a.value) + parseInt(b.value)">
  <input name="a" type="number" step="any"> +
  <input name="b" type="number" step="any"> =
  <output name="o"></output>
</form>

“html5中輸出元素怎么使用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！