دليل مرجع HTML

كامل قائمة علامات HTML

تسمية HTML: <button>

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

مثال على الإنترنت

فيما يلي رمز يحدد زرًا:

مثال

<!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>دليل الأساسيات(oldtoolbag.com)</title>　
</head>　
<body>
<button　type="button"　onclick="alert('مرحبا بالعالم!')">انقر عليّ</button>
　
</body>
</html>

اختبار ل ‹/›

تطابق المتصفحات

IEFirefoxOperaChromeSafari

يدعم جميع المتصفحات الرئيسية علامة <button>.

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

تعرف علامة <button> على زر.

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

عنصر <button> في HTML يقع داخل علامة <body>.
لا يمكن أن يكون علامة <button> مكانًا بعد علامة <a>.

إرشاد:تأكد دائمًا من تحديد خاصية type لـ <button>. قد تكون القيم الافتراضية المحددة لخصائص type هذه المختلفة بين المتصفحات المختلفة.

الملاحظات والتنبيهات

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

الفرق بين HTML 4.01 و HTML5

الخصائص الجديدة في HTML5: autofocus، form، formaction، formenctype، formmethod، formnovalidate، و formtarget.

الخصائص

New: خاصية جديدة في HTML5.

الخصائص	القيمة	الوصف
autofocusHTML5	autofocus	يحدد أن يجب أن يتحصل الزر على التركيز تلقائيًا عند تحميل الصفحة.
disabled	disabled	يحدد أن يجب تعطيل هذا الزر.
formHTML5	form_id	يحدد أن الزر ينتمي إلى أحد أو أكثر الأستمارات.
formactionHTML5	URL	يحدد أين يتم إرسال بيانات الاستمارة عند تقديمها. تغطية خاصية action form. يتم استخدام هذه الخاصية مع type="submit".
formenctypeHTML5	application/x-www-form-urlencoded multipart/form-data text/plain	يحدد كيفية تعريف بيانات الاستمارة قبل إرسالها إلى الخادم. تغطية خاصية enctype form. يتم استخدام هذه الخاصية مع type="submit".
formmethodHTML5	get post	يحدد الطريقة التي يتم إرسال بيانات الاستمارة عبر HTTP. تغطية خاصية method form. يتم استخدام هذه الخاصية مع type="submit".
formnovalidateHTML5	formnovalidate	إذا تم استخدام هذه الخاصية، فإنه لن يتم التحقق من صحة استمارة عند إرسالها. تغطية خاصية novalidate form. يتم استخدام هذه الخاصية مع type="submit".
formtargetHTML5	_blank _self _parent _top framename	يحدد أينفتح URLACTION. تغطية خاصية الهدف form. يتم استخدام هذه الخاصية مع type="submit". يحدد اسم أو كلمة مفتاح حيث يتم عرض الإجابة بعد إرسال النموذجيمكن أن يكون لهذه القيم واحدة من الآتي: _self،_blank،_parent،_top _self - يعني أن الإجابة يتم تحميلها في الإطار أو السياق الحالي _blank - يعني أن الإجابة يتم تحميلها في نافذة جديدة أو سياق _parent - يعني أن الإجابة يتم تحميلها في الإطار أو السياق الأم _top - يعني أن الإجابة يتم تحميلها في النافذة الأصلية الكاملة
name	name	يحدد اسم الزر.
type	submit　 reset button	يحدد نوع الزر. إرسال - يعني أن الزر سيقوم بإرسال بيانات النموذج إلى الخادم (إذا لم يتم تحديد النوع، فيمكن اعتماد القيمة الافتراضية) إعادة تعيين - يعني أن الزر يعيد تعيين جميع التحكم زر - يعني أن الزر لا يملك سلوك افتراضي
value	text	يحدد القيمة الافتراضية للزر. يمكن تعديلها من خلال النصوص.

خصائص العالمية

دعم <button> العلامة خصائص العالمية لـ HTML.

خصائص الحدث

دعم <button> العلامة خصائص الحدث لـ HTML.

المقالات ذات الصلة

دليل مرجع HTML DOM: مثل Button

تسمية HTML: <canvas>تسمية HTML: <br>