تگ output در HTML

در این مقاله با تگ output در HTML آشنا می شویم.

نکات اصلی تگ output

• عنصر output در HTML نتیجه محاسبه را نشان می دهد ، که معمولاً با استفاده از JavaScript انجام می شود.
• همراه با عناصر <form> و <input> استفاده می شود.
• تگ output به تازگی در HTML5 معرفی شده است و از تمام ویژگی های جهانی پشتیبانی می کند.

استفاده از تگ output در HTML

محتوای بین تگ های output در HTML ظرفی را نشان می دهد که نتیجه محاسبه ممکن است در آن نمایش داده شود:

<form oninput="result.value=parseInt(x.value)+parseInt(y.value)">
  0<input type="range" id="x" value="75">100
  +<input type="number" id="y" value="72">
  =<output name="result" for="x y"></output>
</form>

ویژگی های تگ output

مهمترین ویژگی های استفاده شده با  تگ های output مربوط به  for و name است. مورد اول عناصر استفاده شده به عنوان ورودی برای محاسبه را مشخص می کند و مورد دوم عنصر خروجی را نام می برد:

<form oninput="result.value=parseInt(x.value)+parseInt(y.value)">
  0<input type="range" id="x" value="75">100
  +<input type="number" id="y" value="25">
  =<output name="result" for="x y"></output>
</form>

اگر عنصر output شما با form control مرتبط است ، می توانید از ویژگی form نیز استفاده کنید. این عنصر <form> را تعریف می کند که عنصر <output> شما به آن تعلق دارد:

<form action="process.php" id="sum" oninput="result.value=parseInt(x.value)+parseInt(y.value)">
  0<input type="range" name="x" id="x" value="50">100
  +<input type="number" name="y" id="y" value="50">
  =<output name="result" for="x y"></output>
  <br>
  <input type="submit">
</form>

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

پشتیبانی مرورگرها

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

در دوره آموزش HTML بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.