مثال
تم وضع علامة زر قابل للنقر على النحو التالي:
<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
لا شيء.