Skip to main content

خلق أزرار باستخدام HTML مدخلات العلامات في أشكال

تصميم مواقع HTML الدرس (4) ~ إدراج الصور وعمل لينكات وروابط داخل الموقع (أبريل 2025)

تصميم مواقع HTML الدرس (4) ~ إدراج الصور وعمل لينكات وروابط داخل الموقع (أبريل 2025)

جدول المحتويات:

Anonim

يمكنك إنشاء أزرار نص قابلة للتخصيص في HTML باستخدام العلامة. ال عنصر يستخدم داخل

جزء.

عن طريق تحديد السمة نوع إلى "زر" ، سيتم إنشاء زر بسيط قابل للنقر. يمكنك تحديد النص الذي سيظهر على الزر ، مثل "إرسال" ، باستخدام القيمة صفة، عزا.

فمثلا:

كن على علم بأن لن ترسل العلامة نموذج HTML ؛ ستظل بحاجة إلى تضمين جافا سكريبت لمعالجة تسليم بيانات النموذج. بدون جافا سكريبت عند النقر الحدث ، سيبدو الزر قابلاً للنقر ، لكن لن يحدث شيء ، وستحبط قراءك.

ال

على الرغم من استخدام علامة الإدخال لإنشاء زر يعمل لغرضه ، إلا أنه خيار أفضل لاستخدام العلامة لإنشاء أزرار HTML لموقعك على الويب. ال العلامة أكثر مرونة لأنها تتيح لك استخدام الصور للزر (الذي يساعدك على الحفاظ على التناسق البصري إذا كان موقعك يحتوي على تصميم تصميم) ، على سبيل المثال ، ويمكن تعريفه كنوع إرسال أو إعادة تعيين من الزر دون الحاجة إلى أي إضافة جافا سكريبت.

سوف تحتاج إلى تحديد الزر نوع السمة في أي العلامات. هناك ثلاثة أنواع مختلفة:

  • زر - لا يحتوي الزر على سلوك أصيل ولكنه يستخدم بالاقتران مع البرامج النصية التي تعمل على جانب العميل والتي يمكن إرفاقها بالزر وتنفذ عند النقر فوقه.
  • إعادة تعيين - يعيد ضبط جميع القيم.
  • خضع - يرسل الزر بيانات النموذج إلى الخادم (هذه القيمة الافتراضية إذا لم يتم تعريف أي نوع).

السمات الأخرى تشمل:

  • اسم - يعطي زر اسم مرجعي.
  • القيمة - يحدد قيمة ليتم تعيينها في البداية للزر.
  • تعطيل - يطفئ الزر.

يضيف HTML5 بعض السمات الإضافية إلى

  • formaction - تستخدم فقط مع اكتب = "إرسال" وعنوان URL كقيمة ، فإنه يحدد مكان إرسال بيانات النموذج. فمثلا:
  • formenctype - تستخدم فقط مع اكتب = "إرسال" صفة، عزا. يحدد كيفية تشفير بيانات النموذج عند إرسالها إلى الخادم. القيم الثلاث هي التطبيق / urlencoded-س-شكل شبكة الاتصالات العالمية (الافتراضي)، متعددة / استمارة البيانات، و نص عادي.
  • formmethod - تستخدم فقط مع اكتب = "إرسال" صفة، عزا. يحدد هذا طريقة HTTP التي سيتم استخدامها عند إرسال بيانات النموذج ، إما احصل على أو بريد.
  • formnovalidate - تستخدم فقط مع اكتب = "إرسال" صفة، عزا. لن يتم التحقق من صحة بيانات النموذج عند إرسالها.
  • formtarget - تستخدم فقط مع اكتب = "إرسال" صفة، عزا. يشير هذا إلى مكان ظهور استجابة الموقع عند إرسال بيانات النموذج ، كما هو الحال في إطار جديد ، إلخ. خيارات القيمة هي إما _blank، _self، _parent، _top، أو اسم إطار محدد.
  • إذا كنت تستخدم النماذج ، فقد ترغب في القراءة على إنشاء الأزرار في نماذج HTML ، وكيفية جعل موقعك أكثر ملاءمة للمستخدمين.