آموزش تگ output در HTML

3 شهریور 1401
ارسال شده توسط
آموزش html css

آموزش تگ output در HTML

دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ output در HTML به صورت کامل آشنا بشید.

تگ output در HTML

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

بک مثال برای تگ output در HTML

در ادامه دوره آمورشی html css پروژه محور به مشاهده یک مثال از تگ output میپردازیم تا درک بهتری از این تگ داشته باشید و راحت تر بتوانید از این تگ استفاده نمایید.

<body>
    <form oninput="OutPut.value = parseInt( number1.value ) + parseInt( number2.value );">
      <input type="number" name="number1" value="5"> <br>
        + <br>
      <input type="number" name="number2" value="5"> <br>
        = <br>
      <output name="OutPut" for="number1 number2"></output>
    </form>
</body>

راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید

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

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

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

جدول صفات تگ output در HTML

جدول زیر به شما کمک میکند تا صفات تگ output را به همراه مقادیری را که میتوانیم در این تگ استفاده کنیم را مشاهده نماییدم.

جدول صفات تگ output در HTML

پشتیبانی تگ output از صفات و رویدادهای عمومی

تگ output قابلیت پشتیبانی از تمام صفات عمومی و رویدادهای عمومی در HTML دارد.

دستوراتی که بصورت پیش فرض در CSS از آن استفاده میکنیم.

مرورگر های حال حاضر دنیا تگ output را به صورت کد های css به شکل زیر نمایان میکنند. شما عزیزان می توانید، بدون هیچ تغییر خاصی از این کد های آماده استفاده کنید.

 output {
   display: inline; 
}

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

برای امتیاز به این نوشته کلیک کنید!
[کل: 0 میانگین: 0]

در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید

فرم درخواست پشتیبانی (فرم زیر پست ها)

برچسب ها:

دیدگاهتان را بنویسید