برچسب <output> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
نتیجه یک محاسبه را تعریف می‌کند
معرفی شده در نسخهٔ:۵
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:display: inline;

{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

یک محاسبه انجام دهید و نتیجه را در یک عنصر <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> نتیجهٔ یک محاسبه را نمایش می‌دهد (مثل محاسبه‌ای که با اسکریپت انجام شده باشد).[۱]

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

عددهای موجود در جدول، نخستین نسخهٔ مرورگری را نشان می‌دهند، که به‌طور کامل از عنصر پشتیبانی می‌کند.

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<output> ۱۰٫۰ ۱۳٫۰ ۴٫۰ ۵٫۱ ۱۱٫۰

ویژگی‌ها

ویژگی مقدار شرح
for element_id رابطهٔ بین نتیجهٔ محاسبه، و عنصرهایی که در محاسبه استفاده شدند را مشخص می‌کند
form form_id مشخص می‌کند که عنصر خروجی به کدام فرم تعلق دارد
name name یک نام برای عنصر خروجی مشخص می‌کند

ویژگی‌های سراسری

همچنین برچسب <output> از ویژگی‌های سراسری (Global Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

ویژگی‌های رویداد

همچنین برچسب <output> از ویژگی‌های رویداد (Event Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

صفحات مرتبط

مرجع DOM اچ‌تی‌ام‌ال: شیء Output (Output Object)

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

بیشتر مرورگرها عنصر <output> را با مقادیر پیش‌فرض زیر نمایش می‌دهند:

output {
  display: inline;
}


منابع آموزشی