يوفر هتمل العديد من الميزات للتحكم في مظهر وأسلوب العناصر على صفحة ويب. أحد هذه العناصر هو إدخال النص. يستخدم هذا العنصر لإدخال النص من قبل المستخدم.
عند إنشاء نموذج أو تطبيق ويب تفاعلي ، قد تحتاج إلى تغيير حجم الخط داخل نص الإدخال. يمكن أن يكون هذا مفيدا إذا كنت بحاجة إلى تمييز عنصر معين أو جعله أكثر وضوحا.
يمكنك استخدام سمة النمط لتعيين حجم الخط في عنصر إدخال النص. في قيمة هذه السمة ، يمكننا تحديد خاصية حجم الخط المغلق بالقيمة المطلوبة.
على سبيل المثال ، لتعيين حجم الخط إلى 20 بكسل ، يمكننا استخدام الكود التالي: .
باستخدام سمة النمط مع خاصية كس بحجم الخط ، يمكننا تعيين حجم الخط الذي نحتاجه في عنصر نص الإدخال وإنشاء واجهة سهلة الاستخدام وأنيقة للمستخدم.
كيفية تعيين حجم الخط في أتش تي أم أل إدخال النص
يتم استخدامه لإنشاء حقل إدخال نص حيث يمكن للمستخدم إدخال نص.
في وحدات القياس مثل بكسل (بكسل) أو النسب المئوية ( ٪ ).
هنا هو رمز عينة:
| مثال |
|
في هذا المثال ، يتم تعيين حجم الخط إلى 16 بكسل.
يمكنك أيضا استخدام وحدات القياس النسبية ، مثل النسب المئوية ، لتعيين حجم الخط بالنسبة لحجم خط العنصر الأصل. على سبيل المثال:
| مثال |
|
في هذا المثال ، يتم تعيين حجم الخط إلى 150 ٪ من حجم خط العنصر الأصل.
. على سبيل المثال:
| مثال |
الإدخال [النوع="نص"] {
}
في هذا المثال ، يتم تعيين حجم الخط إلى 18 بكسل باستخدام كس.
- بغض النظر عن الطريقة التي تختارها ، يمكنك تعيين حجم الخط في العنصر.
- اعتمادا على احتياجاتك ومتطلبات تصميم موقعك.
تأثير حجم الخط على إدخال النص
- حجم الخط يلعب دورا هاما في ظهور عنصر هتمل النص الإدخال. إنه يؤثر على قابلية قراءة النص ووضوحه وإدراكه الجمالي من قبل المستخدم.
- يعد اختيار حجم الخط الصحيح في عنصر نص الإدخال أمرا مهما لإنشاء واجهة مستخدم سهلة الاستخدام وجذابة.
- في الأساس ، يمكن تعيين حجم الخط بطريقتين:
استخدام سمة النمط في علامة إدخال هتمل. فمثلا,.