إنشاء أزرار باستخدام علامات إدخال HTML في النماذج

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

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


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

البديل علامة "الزر"

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

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

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

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

  • اسم: يعطي الزر اسمًا مرجعيًا.
  • القيمة: يحدد قيمة يتم تعيينها في البداية للزر.
  • إبطال: يوقف تشغيل الزر.

المضي قدمًا مع الأزرار

يضيف HTML5 سمات إضافية إلى ملف زر التي توسع وظائفها.

  • ضبط تلقائي للصورة: عند تحميل الصفحة ، يحدد هذا الخيار أن هذا الزر هو التركيز. يمكن استخدام تركيز بؤري تلقائي واحد فقط على الصفحة.
  • شكل: يقرن الزر بنموذج معين داخل نفس مستند HTML ، باستخدام معرف النموذج كقيمة.
  • تشكيل: تستخدم فقط مع اكتب = "إرسال" و URL كقيمة ، فإنه يحدد مكان إرسال بيانات النموذج. غالبًا ما تكون الوجهة نص برمجي PHP أو شيء مشابه ،
  • فورمينكتيبي: تستخدم فقط مع اكتب = "إرسال" ينسب. يحدد كيفية تشفير بيانات النموذج عند إرسالها إلى الخادم. القيم الثلاث هي التطبيق / x-www-form-urlencoded (إفتراضي)، متعدد الأجزاء / بيانات النموذج ، و نص عادي.
  • الطريقة: تستخدم فقط مع اكتب = "إرسال" ينسب. يحدد هذا أسلوب HTTP الذي يجب استخدامه عند إرسال بيانات النموذج أيضًا احصل على أو بريد.
  • فورموفاليدات: تستخدم فقط مع اكتب = "إرسال" ينسب. لن يتم التحقق من صحة بيانات النموذج عند تقديمها.
  • الشكل الهدف: تستخدم فقط مع اكتب = "إرسال" ينسب. يشير هذا إلى مكان عرض استجابة الموقع عند إرسال بيانات النموذج ، كما هو الحال في نافذة جديدة ، وما إلى ذلك. خيارات القيمة إما_ blank ، _self ، _ Parent ، _top ، أو اسم إطار محدد.

اقرأ المزيد عن عمل الأزرار في أشكال HTML، و كيفية جعل موقعك أكثر سهولة في الاستخدام.

instagram story viewer