Header Ads

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
disableddisabledتحدد بأن الزر يجب تعطيلهSTF
namenameتحديد اسم الزرSTF
typebuttonreset

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





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


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











































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

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




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


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






































اللاحقةالقيمةالشرح
onblurscriptيستخدم السكربت عند عدم التركيز على العنصر .
onchangescriptيستخدم السكربت عند تغير العناصر .
onfocusscriptيستخدم السكربت عند حصول العنصر على التركيز
onresetscriptيستخدم السكربت عند ضبط النموذج .
onselectscriptيستخدم السكربت عند اختيار العناصر .
onsubmitscriptيستخدم السكربت عند الضغط على ارسال للنموذج .

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




ليست هناك تعليقات:

يتم التشغيل بواسطة Blogger.