بي إتش بي هي لغة برمجة قوية تسمح لك بإنشاء صفحات ويب ديناميكية. واحدة من وظائف هامة من فب هو القدرة على إنشاء الأزرار التي يمكن للمستخدم النقر للتفاعل مع صفحة ويب. إذا كنت تريد أن تتعلم كيفية إنشاء أزرار في فب ، ثم كنت قد وصلنا إلى المكان الصحيح.
الخطوة الأولى لإنشاء زر في فب هو تحديد نوع الزر الذي تريد إنشاء. هناك عدة أنواع من الأزرار ، مثل الزر العادي وزر الاختيار وخانة الاختيار وغيرها الكثير. يعتمد اختيار نوع الزر على احتياجاتك والوظائف المطلوبة للزر.
بعد تحديد نوع الزر ، تحتاج إلى إنشاء رمز هتمل المناسب لهذا الزر. في فب ، يمكنك استخدام وظيفة صدى لإخراج رمز هتمل إلى صفحة. على سبيل المثال ، لإنشاء زر عادي ، يمكنك استخدام التعليمات البرمجية التالية:
صدى ' انقر لي!‘;
في هذا المثال ، نستخدم العلامة لإنشاء زر وسمة النوع="زر" لتحديد نوع الزر. نضع النص الذي سيتم عرضه على الزر بين علامتي الفتح والإغلاق للزر.
- كيفية إنشاء زر في فب
- 1. باستخدام زر علامة هتمل
- 2. باستخدام علامة إدخال هتمل
- 3. باستخدام وظيفة فب صدى
- نظرة عامة على إمكانيات إنشاء أزرار في فب
- باستخدام علامة الزر
- إنشاء زر باستخدام علامة الإدخال
- زر التصميم باستخدام كس
- نقرات زر المعالجة باستخدام فب
- أمثلة التعليمات البرمجية لإنشاء أزرار في فب
- سؤال وجواب
- كيف يمكنني إنشاء زر في بي إتش بي?
- هل من الممكن إنشاء زر دون استخدام أتش تي أم أل?
- كيف يمكنني إضافة فئة أو معرف إلى زر?
- هل من الممكن لتمرير وظيفة كوسيطة عند النقر على زر?
- كيف يمكنني إنشاء زر مع صورة داخل?
- كيف يمكنني جعل الزر غير متوفر للضغط?
كيفية إنشاء زر في فب
يوفر فب طرق مختلفة لإنشاء أزرار على صفحة ويب. لنلق نظرة على بعض الأمثلة:
1. باستخدام علامة زر هتمل
لتحديد نوع الزر:
ادفعني
2. باستخدام علامة إدخال هتمل
لتحديد نوع الزر:
مع النص المطلوب:
3. باستخدام وظيفة فب صدى
ل هتمل علامة الإخراج:
صدى'ادفعني';عند استخدام وظيفة فب
صدى
يمكنك إضافة عناصر هتمل إضافية داخل الزر.
الآن أنت تعرف عدة طرق لإنشاء أزرار في فب. اختر الطريقة المناسبة حسب احتياجاتك.
نظرة عامة على إمكانيات إنشاء أزرار في فب
زر هتمل عادي:
أسهل طريقة لإنشاء زر في فب هو استخدام هتمل عادي. لإنشاء زر ، ما عليك سوى استخدام العلامةوتعيين نوع
من زر الإرسال
مع استدعاء وظيفة جافا سكريبت.
باستخدام أزرار مكتبة التمهيد:
إذا كنت تستخدم مكتبة بوتستراب ، ثم في فب يمكنك إنشاء أزرار باستخدام فئاتها. فقط إضافة فئة التمهيد إلى العلامة
أو.
ادفعني
اختيار كيفية إنشاء أزرار في فب يعتمد على متطلبات المشروع الخاص بك وتفضيلاتك. النظر في تفاصيل كل طريقة واختيار الحل الذي يناسب قضيتك.
باستخدام علامة الزر
يتم استخدام علامة الزر في هتمل لإنشاء زر تفاعلي على صفحة ويب. يمكن أن تتضمن هذه العلامة نصا أو صورة أو حتى عناصر هتمل أخرى.
مثال على استخدام علامة الزر:
ادفعني!
تنشئ علامة الزر منطقة قابلة للنقر يمكن للمستخدم النقر عليها والتفاعل مع صفحة الويب. بعد النقر على الزر ، يمكن تنفيذ شفرة جافا سكريبت معينة أو إرسال طلب إلى الخادم.
غالبا ما يتم استخدام سمات النوع والاسم في الأزرار. تحدد سمة النوع نوع الزر ، والذي يمكن أن يكون "إرسال "(افتراضيا) لإرسال بيانات النموذج إلى الخادم أو" الزر " لتنفيذ إجراء معين في جافا سكريبت. تحدد سمة الاسم اسم الزر وتستخدم لإرسال القيمة إلى الخادم عندما يرسل الزر النموذج.
مثال على استخدام سمات النوع والاسم:
إرسال
نتيجة لهذا الرمز ، سيتم إرسال قيمة" إرسال "إلى الخادم تحت اسم"إرسال زر".
إذا كنت بحاجة إلى نمط الزر ، يمكنك إضافة فئة أو معرف واستخدام كس لتعيين مظهر العنصر. يمكنك أيضا وضع أي عناصر هتمل أخرى داخل علامة الزر ، مثل الصور أو الرموز أو الرموز مع الرموز.
مثال على استخدام تصميم زر مع فئة " الزر الخاص بي:
للعثور على
في هذا المثال ، سيحتوي الزر على رمز بحث على يسار نص" بحث".
إنشاء زر باستخدام علامة الإدخال
لإنشاء زر في أتش تي أم أل ، يمكنك استخدام علامة الإدخال مع تعيين سمة النوع لإرسال أو زر.
مثال الاستخدام:
ونتيجة لذلك ، سيتم إنشاء زر مع النص "إرسال". سيؤدي النقر فوق هذا الزر إلى إرسال البيانات إلى الخادم.
يمكنك أيضا تغيير مظهر الزر باستخدام سمات الفئة والنمط. على سبيل المثال:
في هذا المثال ، يتم إنشاء زر مع النص "انقر لي". تحدد سمة الفئة فئة "زر" مخصص يمكن تعيين أنماط باستخدام كس. وتحدد سمة النمط أنماطا مضمنة ، وفي هذه الحالة سيكون لون نص الزر أحمر.
يمكنك أيضا استخدام علامة الإدخال لإنشاء أزرار مع الصور. ويتحقق ذلك باستخدام السمة نوع تعيين إلى قيمة الصورة والسمة سرك. على سبيل المثال:
في هذا المثال ، يتم إنشاء زر مع الصورة المحددة في السمة سرك. سيتم عرض هذه الصورة بدلا من النص الموجود على الزر.
يعد إنشاء زر باستخدام علامة الإدخال طريقة سهلة وسريعة لإضافة زر إلى صفحة ويب.
زر التصميم باستخدام كس
- لون الخلفية: # ف 0000;
- حجم نص الزر:
- }
- .زر {
الحشو: 10 بكسل 20 بكسل;
}