استخدام علامة إدخال HTML وعلامة الزر في النماذج

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

فمثلا:

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

الزر & lt؛ & gt؛ البديل البديل

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

ستحتاج إلى تحديد سمة نوع الزر في أية علامات

. هناك ثلاثة أنواع مختلفة:

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

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

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

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

التي تمنحك المزيد من الوظائف.

• ضبط تلقائي للصورة - عند تحميل الصفحة ، يحدد هذا أن هذا الزر هو التركيز. يمكن استخدام ضبط تلقائي واحد فقط على الصفحة.
• form - يربط الزر بنموذج داخل نفس مستند HTML ، باستخدام معرف النموذج كقيمة. فمثلا:

إرسال

formaction - يستخدم فقط مع type = "submit" وعنوان URL كقيمة ، حيث يحدد المكان الذي سيتم إرسال بيانات النموذج إليه. فمثلا:

إرسال بيانات النموذج إلى صفحة أخرى

formenctype - يستخدم فقط مع السمة type = "submit" . يحدد كيفية تشفير بيانات النموذج عند إرسالها إلى الخادم. القيم الثلاثة هي application / x-www-form-urlencoded (افتراضي) و multipart / form-data و text / plain.

formmethod - يستخدم فقط مع السمة type = "submit" . يحدد هذا طريقة HTTP المستخدمة عند إرسال بيانات النموذج ، إما الحصول عليها أو نشرها.

formnovalidate - يستخدم فقط مع السمة type = "submit" . لن يتم التحقق من صحة بيانات النموذج عند إرسالها.

formtarget - يستخدم فقط مع السمة type = "submit" . يشير هذا إلى مكان ظهور استجابة الموقع عند إرسال بيانات النموذج ، كما هو الحال في إطار جديد ، إلخ. خيارات القيمة هي إما _blank أو _self أو _parent أو _top أو اسم إطار محدد.

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