HTML – وسم button

مثال

يمكن إنشاء وسم زر كالتالي :

<button type="button">اضغط هنا</button>

المتصفحات الداعمة

متوافق مع متصفح سفاري متوافق مع متصفح اوبرا متوافق مع متصفح انترنت اكسبلورر متوافق مع متصفح فايرفوكس متوافق مع متصفح جوجل كروم

ان وسم<button>  متوافق مع جميع المتصفحات الرئيسية


التعريف والاستخدام

يستخدم الوسم <button> لإنشاء زر .

يمكن إدراج داخل وسم الزر <button> محتوى مثل نص أو صورة و هنا نميّز الاختلاف بين وسم الزر <button> ووسم الادخال <input> .

ملاحظة

يجب تحديد دائماً لاحقة لوسم الزر <button> لأن بعض المتصفحات يمكن أن تفهم هذا الاختلاف على أنه انواع اخرى لوسم الزر <button> .

ان كنت تريد استخدام الوسم <button> في نموذج HTML عندها يجب المراعاة بأن بعض المتصفحات يمكن أن تفهم الزر بطريقة مختلفة مثل متصفح انترنت اكسبلورر و متصفح بريور الاصدار رقم 9 عندها سيتم ارسال النص الموجود فقط بين بداية الوسم <button> و نهايته </button> و لهذا يجب استخدام الوسم <input> لإنشاء زر ارسال لنموذج HTML .

الاختلاف بين HTML و XHTML

لايوجد


اللواحق الاختيارية

تشير DTD الى اللواحق المسموح استخدامها في لغة HTML 4.01/XHTML 1.0 DTD .
S=Strict, T=Transitional, and F=Frameset

اللاحقة القيمة الشرح DTD
disabled disabled تحدد بأن الزر يجب تعطيله STF
name name تحديد اسم الزر STF
type buttonreset

submit

تحديد نوع الزر STF
value text تحديد القيمة البدائية للزر STF

اللواحق الأساسية

يدعم وسم <button> عدداً من اللواحق التالية

اللاحقة الشرح
class تستخدم لتحديد اسم أو أكثر لتصنيف أو عنصر معين ( غالباً مايستخدم مع ملف التصميم css )
id تستخدم لتحديد id مخصص لعنصر معين
style تستخدم لتحديد تصميم CSS داخلي لعنصر معين .
title تحديد معلومات اضافية عن العنصر .
dir تحديد جهة النص لمحتوى العنصر .
lang تحدد اللغة لمحتوى العنصر .
xml:lang تحدد لغة محتوى العنصرلصفحة XHTML .
accesskey تحديد وسم الاختصار لتفعيل أو التركيز على العنصر .
tabindex تحدد رقم الاندكس للعنصر

لمزيد من اللواحق يمكنك التوجه الى قائمة اللواحق الأساسية


لواحق الأحداث events

يدعم وسم <button> عدداً من اللواحق التالية

اللاحقة القيمة الشرح
onblur script يستخدم السكربت عند عدم التركيز على العنصر .
onchange script يستخدم السكربت عند تغير العناصر .
onfocus script يستخدم السكربت عند حصول العنصر على التركيز
onreset script يستخدم السكربت عند ضبط النموذج .
onselect script يستخدم السكربت عند اختيار العناصر .
onsubmit script يستخدم السكربت عند الضغط على ارسال للنموذج .

لمزيد من الأحداث يمكنك التوجه الى قائمة الأحداث الأساسية