عند إنشاء نماذج الويب ، وخاصة النماذج التي تحتوي على عدد كبير من حقول الإدخال ، من المهم تزويد المستخدمين بمعلومات واضحة ومفهومة حول البيانات التي يجب إدخالها هناك. تتمثل إحدى طرق القيام بذلك في إضافة تلميحات إلى حقول الإدخال باستخدام سمة "العنصر النائب".
تسمح لك سمة" العنصر النائب " بعرض تلميح نصي داخل حقل الإدخال ، والذي سيختفي عندما يبدأ المستخدم في الكتابة. هذا حل مناسب لوصف التنسيق وبيانات الإدخال المتوقعة.
- ومع ذلك ، من المهم أن تضع في اعتبارك أن التلميح المحدد باستخدام سمة "العنصر النائب" ليس بديلا عن الوصف الصحيح لحقول الإدخال. إنه يكمل المعلومات ، ولكن لا يمكن أن يحل تماما محل الحاجة إلى وصف البيانات التي يجب إدخالها بعناية.
- ما هو تلميح في المدخلات ولماذا هو مطلوب?
- كيفية إضافة تلميح إلى الإدخال في هتمل: تعليمات خطوة بخطوة
- السمات والخصائص المتاحة لتخصيص التلميح
- أمثلة على استخدام تلميحات في الإدخال
- مثال 1: مطالبة بإدخال اسم
- مثال 2: موجه إدخال التاريخ
- مثال 3: موجه كلمة المرور
- مثال 4: تلميح لاختيار الجنس
- سؤال وجواب
كيف يمكنني إضافة تلميح إلى الإدخال باستخدام سمة العنصر النائب?
ما هو تلميح في المدخلات ولماذا هو مطلوب?
موجه الإدخال هو رسالة نصية يتم عرضها داخل حقل الإدخال حتى يبدأ المستخدم في الكتابة. عادة ما يتم تمثيله باللون الرمادي ويختفي عندما يقوم المستخدم بإدخال بياناته في حقل الإدخال.
يمكن أن يكون استخدام تلميح في حقل الإدخال مفيدا لتوفير معلومات إضافية أو إرشادات الإخراج للمستخدم. قد يحتوي على تفاصيل مهمة حول تنسيق البيانات المتوقع أو إرشادات لملء حقل الإدخال. يساعد التلميح المستخدم على فهم البيانات المطلوبة في حقل الإدخال بسرعة وسهولة أكبر ، وهذا يحسن تجربة المستخدم.
عندما يبدأ المستخدم في إدخال البيانات في حقل الإدخال ، تختفي المطالبة ويكون المستخدم حرا في إدخال البيانات في الحقل. إذا قام المستخدم بمسح الحقل ، فستظهر المطالبة مرة أخرى لتذكيره بالتنسيق أو البيانات المطلوبة. يعد تلميح الإدخال طريقة رائعة لتحسين قابلية استخدام النماذج وجعل عملية ملء الحقول أكثر سهولة وفهما للمستخدمين.
كيفية إضافة تلميح إلى الإدخال في هتمل: تعليمات خطوة بخطوة
خطوة 1: افتح محرر التعليمات البرمجية وإنشاء ملف جديد مع .أتش تي أم أل التمديد.
سمة العنصر النائب
لإضافة تلميح إلى حقل الإدخال. بدلا من " أدخل النص..."،يمكنك تحديد أي نص آخر يجب عرضه في الحقل.
الخطوة 4: احفظ الملف وافتحه في أي متصفح ويب.
جاهز! الآن أنت تعرف كيفية إضافة تلميح إلى الإدخال في هتمل.
السمات والخصائص المتاحة لتخصيص التلميح
- عند العمل مع عنصر في هتمل ، هناك العديد من السمات والخصائص المتاحة التي يمكن استخدامها لتخصيص التلميح:
- العنصر النائب: هذه سمة تسمح لك بتحديد نص التلميح الذي سيتم عرضه داخل حقل الإدخال حتى يتم التركيز عليه. على سبيل المثال:
- العنوان: هذه سمة تسمح لك بتحديد تلميح أداة يتم عرضه عندما يحوم المستخدم فوق عنصر:
الأغنية التسمية: هذه سمة تستخدم لتحديد وصف نصي يمكن الوصول إليه لحقل الإدخال. غالبا ما يتم استخدامه للسيناريوهات التي لا يكون فيها التلميح مناسبا ، على سبيل المثال ، للأجهزة التي تعمل باللمس أو لقارئات الشاشة:
هذه ليست سوى بعض السمات والخصائص المتاحة التي يمكن استخدامها لتخصيص تلميح الأداة في عنصر. يمكن للمطورين استخدام مزيج من هذه السمات والخصائص لإنشاء تلميحات أكثر إفادة ومفهومة للمستخدمين.
أمثلة على استخدام تلميحات في الإدخال
تلميحات الإدخال مفيدة جدا لتسهيل إدخال المستخدم. يمكنهم تقديم معلومات إضافية حول ما هو متوقع من المستخدم ، والتي يجب اتباع التنسيقات أو القيود عند إدخال البيانات.
فيما يلي بعض الأمثلة على كيفية استخدام التلميحات في الإدخال:
مثال 1: مطالبة بإدخال اسم
يجب أن يحتوي الاسم على أحرف فقط وأن يتراوح طوله بين 2 و 20 حرفا:
المثال 2: تلميح لدخول التاريخ
أدخل التاريخ بالتنسيق يوم. شهر. سنة:
مثال 3: موجه كلمة المرور
يجب أن تحتوي كلمة المرور على 8 أحرف على الأقل ، بما في ذلك حرف كبير واحد على الأقل وحرف صغير ورقم واحد:
مثال 4: تلميح لاختيار الجنس
اختر جنسك:
اختر الجنس
ذكر
أنثى
يمكن استخدام مطالبات الإدخال لمنح المستخدمين إرشادات واضحة حول ما هو متوقع منهم عند إدخال البيانات. هذا يساعد على تحسين واجهة المستخدم ويقلل من فرص الأخطاء عند ملء النماذج.
سؤال وجواب
كيف يمكنني إضافة تلميح إلى الإدخال باستخدام سمة العنصر النائب?