انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #5 من درس: الأزرار بداخل HTML Form

Graphical Submit Buttons With Image زر الإرسال الصوري Type Image

تعلم هندسة أزرار نماذج HTML عبر المقارنة بين عنصري button و input وإرسال النماذج والعمليات البرمجية وزر الضبط وإحداثيات النقر الصوري وتصميم شريط الأزرار المتاح.
4 صفوف تعليمية
لغة HTML
6,335 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
يعمل حقل الإرسال الصوري <input type="image"> كزر إرسال مرئي يعرض صورة نقطية أو متجهة. وإلى جانب دوره في إرسال النموذج، يسجل المتصفح إحداثيات البكسل الدقيقة لنقطة نقر مؤشر الفأرة ويرسلها كمعاملات تابعة لاسم الحقل.
الصف 2 صورة توضيحية
إحداثيات زر الإرسال الصوري وهندسة محاذاة شريط الأزرار في الواجهات العربية
الصف 3 كود برمجي
HTML 
<form action="/api/map" method="get">
  <input type="image"
         src="images/examples/map-pin-submit.png"
         name="pin" alt="Confirm Pin Location"
         width="180" height="52">
</form>
جرّب بنفسك
الصف 4 ملاحظة هامة

جميع فقرات هذا الدرس (الأزرار بداخل HTML Form)