كيفية وضع تسمية على المدخلات: دليل بسيط

عند إنشاء نماذج على صفحة ويب ، من الضروري مراعاة ليس فقط وظائف العناصر ، ولكن أيضا مظهرها. أحد العناصر المهمة في النموذج هو التسمية ، أو التسمية ، التي تشير إلى ما هو متوقع من المستخدم للدخول في حقل نصي أو الاختيار من قائمة. لجعل النموذج أكثر قابلية للفهم وملاءمة ، في بعض الأحيان تحتاج إلى وضع تسمية فوق حقل الإدخال ، بدلا من اليسار أو أعلى منه.

هناك عدة طرق لوضع ملصق فوق أحد المدخلات. أسهل طريقة هي استخدام علامة فيلدسيت مع سمة أسطورة. يتم تضمين عنصر الإدخال نفسه وتسميته داخل علامة مجموعة الحقول. تحدد سمة وسيلة الإيضاح العنوان لمجموعة من العناصر. وبالتالي ، يمكننا إنشاء مجموعة من الحقول ذات التسميات عن طريق وضعها داخل علامة مجموعة الحقول وتحديد العنوان باستخدام سمة وسيلة الإيضاح.

الاسم:

3. البريد الإلكتروني:
10. إذا كنت بحاجة إلى وضع تسمية فوق الإدخال وفي نفس الوقت حفظ نموذج التحقق من الصحة ، فيمكنك استخدام السمات المطلوبة والنمط. تتحقق السمة المطلوبة مما إذا كان الحقل ممتلئا ، وتحدد سمة النمط نموذجا لإدخال البيانات.
11. يعتمد اختيار طريقة وضع الملصق على الإدخال على الموقف المحدد ومتطلبات النموذج. الشيء الرئيسي هو جعل النموذج بديهيا وسهل الاستخدام.
12. كيف يمكنني وضع التسمية فوق المدخلات?

الطريقة 1: استخدام علامة

الطريقة 2: تضمين تسمية داخل عنصر

الطريقة 3: استخدام كس

تحديد ما هو مطلوب ل

خيارات لوضع التسمية على المدخلات

باستخدام كس للتصميم

نصائح مفيدة لوضع التسمية على المدخلات

سؤال وجواب

هل من الممكن وضع تسمية فوق المدخلات دون استخدام المغلق?

ما هي الطرق الأخرى هناك لوضع التسمية على المدخلات?

كيف يمكنني وضع التسمية فوق المدخلات?

التسمية هي تسمية نصية تشير إلى الغرض من حقل الإدخال على صفحة الويب. لوضع الملصق بشكل صحيح فوق الإدخال ، تحتاج إلى استخدام عدة طرق.

الطريقة 1: استخدام علامة

إن أبسط طريقة لوضع تسمية فوق الإدخال هي استخدام علامة وتحديد قيمة السمة مع معرف عنصر الإدخال.

الاسم:

سيقوم هذا الرمز بإنشاء تسمية" الاسم: "أعلى حقل الإدخال مع معرف"الإدخال". يؤدي النقر فوق الملصق إلى تنشيط حقل الإدخال.

الطريقة 2: تضمين ملصق داخل عنصر

إذا كنت تعمل مع جدول ، يمكنك استخدام عنصر بدلا من علامة

• لوضع تسمية فوق المدخلات.
• الاسم:
• في هذا المثال ، سيتم وضع النص "الاسم:" على يسار حقل الإدخال.

الطريقة 3: استخدام كس

يمكنك أيضا استخدام كس لوضع التسمية فوق الإدخال. على سبيل المثال ، يمكنك استخدام عرض خاصية كس: بلوك ؛ وتعيين الهوامش المطلوبة.

الاسم:

1. الأسباب الرئيسية لاستخدام التسمية على المدخلات:
2. تحسين سيو: يمكن أن يؤدي الاستخدام السليم لعنصر التسمية في النماذج إلى تحسين تحسين محركات البحث (تحسين محرك البحث) لموقعك. يمكن لمحركات بحث الويب تقييم السياق والعلاقة بين عناصر التسمية والإدخال ، مما له تأثير إيجابي على ترتيب موقعك ورؤيته في محركات البحث.

اسم الحقل

الخيار 4: وضع الإدخال والتسمية داخل جدول باستخدام العلامات

,

و

:

اسم الحقل

يعتمد اختيار طريقة وضع الملصق على الإدخال على تصميم الصفحة ومنطقها. من المهم مراقبة سلامة النموذج وإنشاء تفاعل سهل الاستخدام.

باستخدام كس للتصميم

واحدة من الطرق لنمط عناصر نموذج هتمل هو استخدام كس (أوراق الأنماط المتتالية). باستخدام كس ، يمكنك تعيين خصائص مختلفة من العناصر ، مثل لون النص وحجم الخط والهوامش ، وأكثر من ذلك.

لتطبيق كس في ملف هتمل ، تحتاج إلى إضافة النمط المناسب أو توصيل ملف كس. في عنصر هتمل ، يمكنك تحديد سمة النمط ، الذي يحدد خصائص التصميم:

في هذا المثال ، يتم تحديد خصائص التصميم التالية لعنصر الإدخال:

اللون-لون النص (في هذه الحالة ، أزرق);

حجم الخط-حجم الخط (14 بكسل);

الحشو-الهوامش الداخلية (5 بكسل).

لتطبيق أنماط كس على عناصر متعددة من نفس النوع ، يمكنك استخدام فئات كس. يتم تعيين فئة كس في سمة فئة العنصر وتطبيقها باستخدام المحدد .:

ثم ، في ملف كس أو في العلامة ، يمكنك تعيين خصائص لفئة الإدخال:

. مدخلاتي {

اللون: أزرق;

حجم الخط: 14 بكسل;

الحشو: 5 بكسل;

}

في هذا المثال ، سيكون لجميع العناصر التي تحتوي على فئة الإدخال لون نص أزرق وحجم خط 14 بكسل وهوامش داخلية 5 بكسل.