حقل كلمة المرور
جزء من قسم Fundamentals في رحلة HTML على Coddy — الدرس 38 من 60.
في HTML، يُعد حقل كلمة المرور نوعاً من حقول الإدخال المستخدمة لجمع كلمات المرور من المستخدمين.
إنه مشابه لحقل إدخال نص عادي، ولكن يتم إخفاء الأحرف المكتوبة في حقل كلمة المرور، وعادة ما يتم عرضها كنجوم أو نقاط. وذلك لمنع الآخرين من رؤية كلمة المرور أثناء كتابتها.
لإنشاء حقل كلمة مرور، تستخدم وسم <input> مع ضبط الخاصية type على "password".
إليك الصيغة الأساسية لإنشاء حقل كلمة مرور في HTML:
<input type="password" name="passwordfield">
التحدي
سهلأنشئ مستند HTML يتضمن form يحتوي على حقل كلمة مرور. يجب أن يحتوي حقل كلمة المرور على name بقيمة “userpassword"، و type بقيمة "password"، و placeholder بنص "Enter your password". قم بتعيين الحد الأقصى لطول حقل كلمة المرور إلى 20 حرفاً.
ورقة مرجعية
حقل كلمة المرور هو حقل إدخال يقوم بإخفاء الأحرف المكتوبة (تظهر على شكل نجوم أو نقاط) لإخفاء كلمات المرور عن الأنظار.
قم بإنشاء حقل كلمة مرور باستخدام الوسم <input> مع type="password":
<input type="password" name="passwordfield">يمكن استخدام سمات إضافية:
placeholder- يعرض نصاً تلميحياًmaxlength- يحدد عدد الأحرف
<input type="password" name="userpassword" placeholder="Enter your password" maxlength="20">جرّب بنفسك
<!DOCTYPE html>
<html>
<body>
<!-- اكتب الكود هنا -->
</body>
</html>
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس Fundamentals
2النصوص والتنسيق
العناوينالفقراتفواصل الأسطرالنص العريض والمائلالنص العريض والمائل مجدداًمراجعة - التنسيق8النماذج والمدخلات - الجزء الأول
أساسيات النماذجمدخلات النصوصسمات المدخلاتحقل كلمة المرورتسميات المدخلاتملخص - نموذج أساسي11صفحة التسجيل في الفعالية
نظرة عامة على المشروعقسم الـ Header
قسم تفاصيل الفعاليةنموذج التسجيلقسم الـ Footer