سمات المدخلات
جزء من قسم Fundamentals في رحلة HTML على Coddy — الدرس 37 من 60.
إليك بعض السمات المفيدة الأخرى لمدخلات النص:
placeholder: يوفر تلميحاً قصيراً يصف القيمة المتوقعة لحقل الإدخال (على سبيل المثال، "Enter your name").value: يحدد القيمة الأولية لحقل الإدخال.maxlength: يحدد الحد الأقصى لعدد الأحرف المسموح بها في حقل الإدخال.
إليك مثال على كيفية إنشاء حقل إدخال نصي مع نص مؤقت (placeholder):
<input type="text" name="username" placeholder="Enter username">في هذا المثال، لدينا حقل إدخال نصي بالاسم "username" ونص مؤقت (placeholder) يقول "Enter username". عندما يكون حقل الإدخال فارغاً، سيتم عرض النص المؤقت داخل الحقل. بمجرد أن يبدأ المستخدم في الكتابة، سيختفي النص المؤقت.
التحدي
سهلقم بإنشاء مستند HTML يتضمن نموذجاً يحتوي على حقول إدخال النص التالية:
- حقل إدخال نص بالاسم "firstname" ونائب نص (placeholder) يقول "Enter your first name".
- حقل إدخال نص بالاسم "lastname" ونائب نص (placeholder) يقول "Enter your last name".
- حقل إدخال نص بالاسم "email" ونائب نص (placeholder) يقول "Enter your email". قم بتعيين الحد الأقصى لطول هذا الإدخال إلى 50 حرفاً.
ورقة مرجعية
سمات مفيدة لمدخلات النص:
placeholder: يوفر تلميحاً قصيراً يصف القيمة المتوقعة لحقل الإدخالvalue: يحدد القيمة الأولية لحقل الإدخالmaxlength: يحدد الحد الأقصى لعدد الأحرف المسموح بها في حقل الإدخال
مثال على مدخل نص مع placeholder:
<input type="text" name="username" placeholder="Enter username">يتم عرض نص التلميح (placeholder) عندما يكون حقل الإدخال فارغاً ويختفي عندما يبدأ المستخدم في الكتابة.
جرّب بنفسك
<!DOCTYPE html>
<html>
<body>
<!-- اكتب الكود هنا -->
</body>
</html>
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس Fundamentals
2النصوص والتنسيق
العناوينالفقراتفواصل الأسطرالنص العريض والمائلالنص العريض والمائل مجدداًمراجعة - التنسيق8النماذج والمدخلات - الجزء الأول
أساسيات النماذجمدخلات النصوصسمات المدخلاتحقل كلمة المرورتسميات المدخلاتملخص - نموذج أساسي11صفحة التسجيل في الفعالية
نظرة عامة على المشروعقسم الـ Header
قسم تفاصيل الفعاليةنموذج التسجيلقسم الـ Footer