الأزرار في النماذج

جزء من قسم Fundamentals في رحلة HTML على Coddy. الدرس 45 من 60.

تلعب الأزرار دوراً رئيسياً في النماذج، حيث تساعد في إرسال البيانات أو إعادة تعيين الحقول. لنرى كيف تعمل:

<form>
	<input type="text" name="username" placeholder="Enter username">
	<button type="submit">Submit</button>
</form>

<form>
	<input type="text" name="name" value="John Doe">
	<button type="reset">Reset</button>
</form>

التحدي

سهل

أنشئ مستند HTML يتضمن نموذجاً يحتوي على أنواع مختلفة من الأزرار. يجب أن يحتوي النموذج على العناصر التالية:

حقل إدخال نصي بالاسم "message" ونص مؤقت (placeholder) يقول "Enter your message".
أضف زر إرسال (<button type="submit">) بالنص "Send".
أضف زر إعادة تعيين (<button type="reset">) بالنص "Clear".
أضف زراً عاماً (<button>) بالنص "Click Me".

جرّب بنفسك

<!DOCTYPE html>
<html>
    <body>
        <!-- اكتب الكود هنا -->
    </body>
</html>

اختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

جميع دروس Fundamentals

1أساسيات HTML

4بطاقة وصفة

7صفحة الملف الشخصي

10الجداول

2النصوص والتنسيق

5إضافة المحتوى

8النماذج والمدخلات - الجزء الأول

11صفحة التسجيل في الفعالية

3التعامل مع القوائم

6تخطيط الصفحة

9النماذج والمدخلات - الجزء الثاني

12التحديات النهائية

تدرّب بنفسك: Playground لـ Web