خروجی (output)
با «تگ output» نتیجه یک «محاسبه (Calculation)» را نشان می دهیم. معمولا این نتیجه با اسکریپت یا ورودی های فرم به روز می شود. پس نمایش نتیجه سریع و ساده می شود.
تگ output چیست؟
تگ «output» نماینده نتیجه محاسبه است. این محاسبه می تواند با جاوااسکریپت انجام شود. سپس مقدار داخل «output» نمایش داده می شود.
نمونه: جمع دو عدد با تگ output
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">
<input type="range" id="a" value="50">
+
<input type="number" id="b" value="25">
=
<output name="x" for="a b"><\/output>
<\/form>
ویژگی های مهم تگ output
for: ارتباط خروجی با المان های محاسبه.form: مشخص می کند خروجی متعلق به کدام فرم است.name: نام خروجی؛ برای ارسال داده مفید است.
نمونه: استفاده از for و form و name
<form id="calc" oninput="sum.value=parseInt(a.value)+parseInt(b.value)">
<input type="number" id="a" value="1">
+
<input type="number" id="b" value="2">
=
<output name="sum" for="a b" form="calc"><\/output>
<\/form>
راهنمای سریع قدم به قدم
- ورودی ها را داخل فرم قرار بده.
- یک تگ <output> با name بساز.
- با ویژگی for، ورودی های مرتبط را مشخص کن.
- با اسکریپت، مقدار خروجی را محاسبه کن.