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	يستخدم السكربت عند الضغط على ارسال للنموذج .

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

---