آموزش و يادگيري تگ output در HTML

در اين بخش از دوره آموزش HTML در آموزش دون ، با تگ <output> آشنا مي‌شويم. اين تگ براي نمايش نتايج محاسبات يا خروجي فرم‌ها در صفحات وب استفاده مي‌شود.

تگ output در HTML چيست؟

تگ <output> معمولاً براي نمايش نتايج محاسبات کاربر يا داده‌هاي پويا استفاده مي‌شود. اين تگ مي‌تواند با جاوااسکريپت تعامل داشته باشد و نتيجه محاسبات را به‌صورت لحظه‌اي به کاربر نمايش دهد.

مثال ساده از تگ output

<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
  <input type="number" id="a" value="0"> +
  <input type="number" id="b" value="0"> =
  <output name="result">0</output>
</form>

در اين مثال، دو عدد از کاربر دريافت مي‌شود و مجموع آن‌ها بلافاصله داخل تگ <output> نمايش داده مي‌شود.

ويژگي‌هاي مهم تگ output

ويژگي	توضيح
for	تعيين آيتم‌هاي فرم که خروجي به آن‌ها مربوط است
name	نام خروجي که براي فرم ارسال مي‌شود

مثال با ويژگي for

<form>
  <label for="x">عدد اول:</label>
  <input type="number" id="x">
  
  <label for="y">عدد دوم:</label>
  <input type="number" id="y">

  <output for="x y" name="sum">0</output>
</form>

در اين مثال، خروجي به ورودي‌هاي x و y مربوط است و مي‌تواند با جاوااسکريپت مقادير آن‌ها را محاسبه و نمايش دهد.