أحدث البرامج التعليمية وتطوير الشبكة
 

HTML <button> Tag


مثال

تم وضع علامة زر قابل للنقر على النحو التالي:

<button type="button">Click Me!</button>
انها محاولة لنفسك »

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

و <button> تعرف العلامة زر قابل للنقر.

داخل <button> عنصر يمكنك وضع المحتوى، مثل النص أو الصور. هذا هو الفرق بين هذا العنصر والأزرار التي تم إنشاؤها باستخدام <input> العنصر.

نصيحة: تحديد دائما type السمة ل <button> العنصر.متصفحات مختلفة تستخدم أنواع افتراضية مختلفة ل <button> العنصر.


دعم المتصفح

العنصر
<button> نعم فعلا نعم فعلا نعم فعلا نعم فعلا نعم فعلا

نصائح وملاحظات

ملاحظة: إذا كنت تستخدم <button> عنصر في شكل HTML، متصفحات مختلفة قد تقدم قيم مختلفة.استخدام <input> لإنشاء أزرار في شكل HTML.

نصيحة: زيارة موقعنا على أزرار CSS دروس لمعرفة كيفية أسلوب أزرار مع CSS.


الخلافات بين HTML 4.01 و HTML5

HTML5 سمات الجديدة التالية: autofocus, form, formaction, formenctype, formmethod, formnovalidate ، و formtarget .


الصفات

= جديد في HTML5.

السمة القيمة وصف
autofocus autofocus تحدد أن زر يجب تلقائيا على التركيز عند تحميل الصفحة
disabled disabled تحدد أن زر يجب تعطيل
form form_id يحدد واحدة أو أكثر من أشكال زر ينتمي ل
formaction URL تحدد مكان لإرسال البيانات النموذج عند إرسال النموذج. فقط ل type="submit"
formenctype application/x-www-form-urlencoded
multipart/form-data
text/plain
يحدد الكيفية التي ينبغي أن ترميز بيانات النموذج قبل إرساله إلى الخادم. فقط ل type="submit"
formmethod get
post
تحدد كيفية إرسال البيانات النموذج (أي طريقة HTTP لاستخدام). فقط ل type="submit"
formnovalidate formnovalidate تنص على أن البيانات نموذج لا يجب التحقق من صحة على الخضوع. فقط ل type="submit"
formtarget _blank
_self
_parent
_top
framename
تحديد مكان عرض الاستجابة بعد تقديم النموذج. فقط ل type="submit"
name name يحدد اسم للزر
type button
reset
submit
يحدد نوع زر
value text تحدد قيمة أولية للزر

السمات العامة

و <button> كما يدعم بطاقة و السمات العامة في HTML .


سمات الحدث

و <button> كما يدعم هذا الكود في حدث سمات في HTML .


صفحات ذات صلة

HTML DOM إشارة: كائن زر

CSS دروس: أزرار التصميم


الإعدادات الافتراضية CSS

لا شيء.