تگ output در HTML

به نام خداوند علم و دانش. سلام به دوستان گرامی و مخاطبین وب سایت آموزشی کدیونی، وقت همگی بخیر، در این صفحه با مطلب تگ output در HTML از سری آموزش های HTML در خدمت شما عزیزان هستیم.

تگ output چیست؟

تگ output برای نمایش خروجی محاسبات به کار می رود.

این تگ با <output> شروع شده و با </output> پایان می یابد.

<output></output>

صفات تگ output

در این بخش با صفات تگ output آشنا خواهید شد.

صفت for

عناصر مورد استفاده در نتیجه محاسبه را مشخص می کند.

<output for="value"></output>

صفت form

فرم مربوط جهت ارسال داده ها به سرور را مشخص می کند.

<output form="ID"></output>

صفت name

برای تگ output نام انتخاب می کند.

<output name="NAME"></output>

مثال تگ output

کد:

<form oninput="result.value = parseInt(input1.value) + parseInt(input2.value) + parseInt(input3.value);">
  <input type="number" name="input1" value="5"> + 
  <input type="number" name="input2" value="10"> + 
  <input type="number" name="input3" value="15"> =
  <output name="result" for="input1 input2 input3"></output>
</form>

اجرا

تنظیمات پیش فرض CSS

تنظیمات پیش فرض CSS تگ output در اکثر مرورگرها به صورت زیر است:

output {
  display: inline;
}

سازگاری با مرورگرها

تگ output با مرورگرهای زیر سازگار است:

• گوگل کروم
• فایرفاکس
• اج
• اپرا
• سافاری
• گوگل کروم اندروید
• فایرفاکس اندروید
• اپرا اندروید
• سافاری iOS