Input و Label
الدرس 2 من 7 في دورة نموذج تسجيل دخول - مشروع HTML/CSS على Coddy.
يُعد الوسم <input> حاوية لأنواع مختلفة من عناصر الإدخال، مثل: حقول النصوص، وخانات الاختيار، وأزرار الاختيار، وأزرار الإرسال، وما إلى ذلك.
قم بتعيين النوع باستخدام سمة type،
<input type="text">
<input type="radio">
<input type="checkbox">
<input type="password">
<input type="submit">من الممارسات الجيدة إضافة الوسم <label> إلى عنصر الإدخال،
<label for="password">Password:</label>
<input type="text" id="password">لاحظ أن سمة for يجب أن تتطابق مع سمة id الخاصة بعنصر الإدخال لربطهما معاً.
التحدي
سهلأضف عنصري إدخال (input) مع تسميات (labels)، بالمعرفات "username" و "password"، واضبط أنواع المدخلات إلى "text" و "password" - لا تنسَ ربط كل تسمية بالمدخل الخاص بها.
يُقترح إضافة وسوم <br/> للفصل بين كل شيء!
جرّب بنفسك
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
</body>
</html>