تسميات المدخلات
جزء من قسم Fundamentals في رحلة HTML على Coddy — الدرس 39 من 60.
ليس من الواضح دائمًا الغرض من حقل الإدخال بدون وجود تسمية (label). تعطي التسمية للمستخدمين إشارة مرئية واضحة حول نوع الإدخال المتوقع في ذلك الحقل. يتم إنشاء التسميات باستخدام وسم <label>.
إليك الصيغة الأساسية:
<label for="field">Label text</label>
<input type="text" id="field"><label>: الوسم الذي ينشئ التسمية.
for: رابط بين التسمية (label) وحقل النموذج. يجب أن تتطابق قيمةforمع الـidالخاص بحقل النموذج.
- نص التسمية: النص الذي يصف الغرض من حقل النموذج.
<input>: حقل النموذج الذي تشير إليه التسمية.
id: المعرّف الفريد لحقل النموذج، والذي يطابق سمةforفي التسمية (label).
التحدي
سهلأضف الوسوم التالية داخل وسم <form>:
- وسم
<label>مع النص 'First Name:' وسمةforمضبوطة على 'firstname'. - حقل
<input>معtype="text". - يجب أن يحتوي حقل
<input>علىidيطابق سمةforالخاصة بالملصق (label).
ورقة مرجعية
توفر التسميات (Labels) إشارات مرئية واضحة لمدخلات النماذج باستخدام الوسم <label>:
<label for="field">Label text</label>
<input type="text" id="field">يجب أن تطابق السمة for في التسمية السمة id لحقل الإدخال المقابل لإنشاء اتصال صحيح.
جرّب بنفسك
<!DOCTYPE html>
<html>
<body>
<form>
<!-- اكتب الكود هنا -->
</form>
</body>
</html>
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس Fundamentals
2النصوص والتنسيق
العناوينالفقراتفواصل الأسطرالنص العريض والمائلالنص العريض والمائل مجدداًمراجعة - التنسيق8النماذج والمدخلات - الجزء الأول
أساسيات النماذجمدخلات النصوصسمات المدخلاتحقل كلمة المرورتسميات المدخلاتملخص - نموذج أساسي11صفحة التسجيل في الفعالية
نظرة عامة على المشروعقسم الـ Header
قسم تفاصيل الفعاليةنموذج التسجيلقسم الـ Footer