القائمة الرئيسية

الصفحات

شرح العنصر button | إضافة زر للموقع

 

 طريقة إضافة زر لموقعك في ال HTML

إضافة زر لموقعك؟ شرح العنصر button ، أنواع الأزرار في HTML. كل هذه الأسئلة سنجيب عنها خلال درسنا اليوم .

لا يمكنك الإستغناء عن هذا الدرس أبدا ، فهو يعد من أهم الدروس في لغة HTML وستحتاجه عند متابعتك لدورة PHP ، لإرسال البيانات إلى السيرفر ، لنبدأ الدرس.

لإنشاء أي نوع من الأزرار في ال HTML لابد وعليك إستخدام العنصر button ، العنصر button من النوع الثاني في وسوم ال html ، أي يمكنك إضافة المحتوى داخله


أنواع الأزرار في ال HTML

بلغة الإتش تي إم إل توجد أربعة أنواع من الأزرا وهي 

  1. الزر من نوع submit
  2. الزر من نوع button
  3. الزر من نوع reset
  4. الزر من نوع menu

 

كل هذه الأنواع تكتب داخل الميزة  type

بالنسبة للنوع menu ، غالبية المتصفحات لم تعد تدعم هذه الميزة لهذا في درسنا اليوم سنتعمق في موضوع الأنواع الثلاث الاخرى.

 

شرح أنواع الأزرار في HTML

  1. يتم إستخدام النوعان submit و reset داخل العنصر form ، أي أنك ستحتاج النوعان عند متابعتك لدورة PHP.
  2. يتم إستخدام النوع button ، إذا كنت تريد إنشاء زر عادي.
 

ميزات العنصر button

كأي عنصر HTML ، يحتوي العنصر button على العديد من الميزات ومن أهمها التالي :
 
  1. الميزة disabled : وعند كتابتها يتم إيقاف الزر ويتعطل عن العمل
يمكنك إضافة أيضا ميزات JavaScript مثل onclick التي تعني عند الضغط الخ...

إنشاء زر إحترافي في ال HTML

  • عليك إنشاء الوسم buttton
  • عليك إضافة إليه خاصية type مع القيمة button
  • ثم بعدها إضافة إليه المحتوى ، أقصد الإسم الخاص به
  • ثم تصميمه عبر CSS.
  

جميع أكواد الدرس

<button type="button">name</button>
    <!-- type = نوع -->
    <!-- الأنواع -->

    <!--
         1. button
         2. submit
         3. reset
         4. menu
    -->  

تعليقات

3 تعليقات
إرسال تعليق

إرسال تعليق