۲
آذر

جلسه ۷۷ : آموزش کار با تگ output در HTML

دسته‌بندی‌ها :

جزئیات
نوع محتواآموزشی

فهرست

مقدمه

سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه قبل به کار با تگ option پرداختیم؛ از تگ option برای تعریف یک گزینه در یک لیست انتخاب شده استفاده می شود.
در ادامه این دوره، این جلسه را به آموزش کار با تگ output در HTML اختصاص داده ایم.

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

به مثال زیر توجه نمایید.
در این مثال یک سری محاسبات انجام شده است و نتیجه در یک عنصر output ظاهر شده است.

مثال :

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
  <input type="range" id="a" value="50">100
  +<input type="number" id="b" value="50">
  =<output name="x" for="a b"></output>
</form>

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0

<input type="range" id="a" value="50">100

+<input type="number" id="b" value="50">

=<output name="x" for="a b"></output>

</form>

تعریف و کاربرد

به سادگی می توان حدس زد که تگ output نتیجه یک محاسبه را نشان می دهد (مانند نمونه ای که توسط یک اسکریپت انجام می شود).

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

در جدول زیر می توانید ببینید که آیا مرورگرهای مختلف از تگ output پشتیبانی می کنند یا خیر.

عنصر
<output>	۱۰٫۰	۴٫۰	۱۱٫۰	۵٫۱	۱۳٫۰

نکته

خصیصه from در تگ output در IE/Edge پشتیبانی نمی شود.

تفاوت بین HTML 4.01 و HTML5

تگ output در HTML5 تگ جدیدی محسوب می شود.

خصیصه ها

خصیصه	مقدار	توضیحات
for	element_id	رابطه بین نتیجه محاسبات و عناصر مورد استفاده در محاسبات را مشخص می نماید.
form	form_id	مشخص میکند که تگ output متعلق به یک یا چند فرم است.
name	name	نامی را برای تگ output مشخص می نماید.

خصیصه های سراسری Global Attributes

تگ <output> از خصیصه های سراسری در HTML پشتیبانی می کند.

خصیصه رویداد Event Attributes

تگ <output> از خصیصه رویداد در HTML پشتیبانی می کند.

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

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

مثال :

output {
  display: inline;
}

output {

display: inline;

}

کلام آخر

در این جلسه به کار با تگ output پرداختیم؛ تگ output نتیجه یک محاسبه را نشان می دهد.
در جلسه پیش رو به آموزش تگ p خواهیم پرداخت.
با پی وی لرن همراه باشید.

QR: جلسه ۷۷ : آموزش کار با تگ output در HTML

به اشتراک بگذارید

دیدگاه کاربران

تعداد دیدگاه : 0

پی وی لرن – آموزش برنامه نویسی و طراحی وب سایت

دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)