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

جزء من قسم الأساسيات في رحلة 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" وعنصر نائب نصه "Enter your message".
أضف زر إرسال (<button type="submit">) بالنص "Send".
أضف زر إعادة تعيين (<button type="reset">) بالنص "Clear".
أضف زرًا (<button>) بالنص "Click Me" ومن دون سمة type. داخل النموذج، يؤدي الزر الذي لا يحتوي على type أيضًا إلى إرسال النموذج.

جرّب بنفسك

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

اختبر نفسك

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

جميع دروس الأساسيات

1أساسيات HTML

4بطاقة وصفة

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

10الجداول

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

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

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

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

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

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

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

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

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