الدرس 5 من 17 · HTML — هيكل الصفحة

النماذج Forms — صفحة تسجيل الدخول

النموذج <form> يجمع مدخلات المستخدم: تسجيل دخول، بحث، اشتراك. الحقول الأشهر:

<form>
  <input type="text" placeholder="اسمك">
  <input type="password" placeholder="كلمة المرور">
  <input type="email" placeholder="بريدك">
  <textarea rows="3" placeholder="اكتب رسالتك"></textarea>
  <button>إرسال</button>
</form>

placeholder نص خفيف داخل الحقل يختفي عند الكتابة. type="password" يخفي الحروف بنقاط. المتصفح نفسه يفحص type="email" ويقول لك لو الكتابة غلط — حماية مجانية!

اختبار سريع للدرس

جاوب على كل الأسئلة — لازم كلها صح. إذا غلطت بيطلع صندوق ذهبي يفهّمك وش الخطأ. مو عيب تغلط، كل مبرمج بالعالم غلط وأخذ منها درس.

1. أي type يخفي الحروف أثناء الكتابة؟
2. وش وظيفة placeholder؟
3. كيف يتحقق المتصفح من صيغة البريد تلقائياً؟
الدرس 4 الدرس 6 — أول CSS — لون لصفحتك
FeLiXFeLiX AI — مساعد المنصتين