این آموزش در تاریخ ۱۳۹۸/۱۰/۰۸ آپدیت شده است.
آموزش تگ output در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ output در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Output در HTML
تگ output همانطور که از اسمش هم مشخصه تگی است که با استفاده از آن میتوان خروجی/اوت پوت یک عمل انجام شده ( مثلا عمل محاسبه ) را در یک صفحه وب به نمایش گذاشت.
Free-Learn
مثال از تگ output در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
|
1 2 3 4 5 6 7 8 9 10 11 |
<body> <form oninput="x.value=parseInt(a.value)+parseInt(b.value)"> <input type="number" id="a" value="50"> <br>+<br> <input type="number" id="b" value="50"> <br>=<br> <output name="x" for="a b"></output> </form> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ output در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | IE |
| پشتیبانی | ۱۰٫۰ | ۴٫۰ | ۱۱٫۰ | ۵٫۱ | ۱۳٫۰ |
Free-Learn
جدول صفات تگ output در HTML
در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.
| نام صفت | مقدار | توضیح |
|---|---|---|
| for | element_id | رابطه بین نتیجه محاسبات و عناصر مورد استفاده در محاسبات را مشخص میکند. |
| form | form_id | مشخص میکند که تگ output متعلق به ۱ یا چند فرم می باشد. |
| name | name | یک نام را برای تگ output مشخص میکند. |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ output از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
تگ output یک تگ جدید/اضافه شده در HTML5 می باشد.
صفت form که متعلق به تگ <output> می باشد در مرورگرهای IE (اینترنت اکسپلورر) و Edge پشتیبانی نمی شود.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ output را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 |
output { display: inline; } |
