تعد النماذج جزءا لا يتجزأ من صفحات الويب لأنها تسمح للمستخدمين بالتفاعل مع الموقع ونقل المعلومات. ومع ذلك ، فإن حجم الخط القياسي في النماذج ليس دائما سهل الاستخدام ، وأحيانا يكون من الضروري تغيير حجمه. في هذه المقالة ، سننظر في كيفية تغيير حجم الخط في نموذج باستخدام شفرة هتمل.
لتغيير حجم الخط في النموذج ، استخدم الخاصية المغلق-حجم الخط. تتيح لك هذه الخاصية تعيين حجم النص بالبكسل أو وحدات القياس الأخرى ، مثل النسب المئوية أو م. على سبيل المثال ، لتعيين حجم خط نموذج إلى 14 بكسل ، يمكننا استخدام التعليمات البرمجية التالية:
في هذا المثال ، نستخدم خاصية النمط لتطبيق النمط على عنصر النموذج هذا فقط. قيمة خاصية حجم الخط هي 14 بكسل ، مما يعني أنه سيتم عرض النص في حقل الإدخال بحجم خط 14 بكسل.
- تغيير حجم الخط في النموذج باستخدام العلامات و
- أسلوب النموذج
- تغيير حجم الخط باستخدام سمة النمط
- تغيير حجم الخط باستخدام أنماط كس المتتالية
تغيير حجم الخط في النموذج باستخدام العلامات و
العلامات و
в HTML позволяют изменить размер шрифта в форме, что может быть полезным для улучшения внешнего вида и читаемости контента.يتم استخدام العلامة لتغيير مظهر النص في المستند. يمكنك استخدام سمة الحجم لتغيير حجم الخط. على سبيل المثال:
سيقوم هذا الرمز بتعيين حجم الخط ليكون 2 مرات أصغر مما تم تعيينه افتراضيا.
الوسم
سيقوم هذا الرمز بتعيين حجم الخط إلى 16 بكسل لجميع عناصر النموذج على الصفحة.
يمكن استخدام كلتا الطريقتين لتغيير حجم الخط على صفحة هتمل لتحسين المظهر المرئي وسهولة قراءة النموذج.
أسلوب النموذج
لنمط نموذج ، تحتاج أولا إلى إنشاء ملف كس أو إضافة أنماط مباشرة داخل العلامة. على سبيل المثال ، لتغيير حجم خط عناصر النموذج ، يمكنك استخدام رمز كس التالي:
| محدد | الوصف |
|---|---|
| من المدخلات [نوع= "نص"] | تحديد جميع حقول إدخال النص |
| تكستاريا | تحديد جميع حقول إدخال النص متعدد الأسطر |
| اختر | تحديد جميع القوائم المنسدلة |
نموذج رمز المغلق:
في المثال أعلاه ، تم تغيير حجم الخط لجميع حقول إدخال النص والقوائم المنسدلة إلى 16 بكسل.
إذا كنت بحاجة إلى تغيير حجم الخط فقط لعنصر نموذج معين ، يمكنك استخدام المعرف أو الفئة في كس. على سبيل المثال:
في هذه الحالة ، تم تغيير حجم الخط للعنصر الذي يحتوي على معرف "إدخال البريد الإلكتروني" بمقدار 18 بكسل ، ولجميع العناصر التي تحتوي على فئة "الحقل المطلوب"-بمقدار 14 بكسل.
وهكذا ، كس يسمح لك لضبط بمرونة حجم الخط والجوانب الأخرى من مظهر النموذج بحيث يلبي متطلبات التصميم وتجربة المستخدم.
تغيير حجم الخط باستخدام سمة النمط
يمكن تحقيق تغيير حجم الخط في نموذج هتمل باستخدام سمة النمط. تسمح لك سمة النمط بتعيين أنماط للعناصر الفردية على صفحة الويب ، بما في ذلك حجم الخط.
| لتغيير حجم الخط في نموذج ، يمكنك استخدام الخاصية المغلق حجم الخط. تتيح لك هذه الخاصية تعيين حجم الخط بالبكسل (بكسل) أو النسب المئوية ( ٪ ) أو وحدات القياس الأخرى. | مثال على استخدام سمة النمط لتغيير حجم الخط في نموذج: |
|---|---|
| كود أتش تي أم أل | |
| الوصف | |
| يغير حجم خط حقل النص بمقدار 14 بكسل | يغير حجم خط حقل نص متعدد الأسطر بمقدار 16 بكسل |
الخيار 1 الخيار 2
يغير حجم خط القائمة المنسدلة بمقدار 18 بكسل
في الأمثلة أعلاه ، يتم تطبيق سمة النمط على عناصر النموذج المقابلة وتعيين قيمة خاصية حجم الخط لتغيير حجم الخط. يتم تحديد قيمة خاصية حجم الخط بعد النقطتين وتوضع بين علامتي اقتباس.
باستخدام سمة النمط ، يمكنك بسهولة ومرونة تغيير حجم الخط في نموذج هتمل. يتيح لك ذلك تحقيق المظهر المطلوب لعناصر النموذج وإنشاء واجهة سهلة الاستخدام.
لتغيير حجم الخط ، يمكنك استخدام الخاصية
حجم الخط
}
إذا كنت ترغب في تطبيق النمط على النموذج بأكمله ، بدلا من عنصر واحد فقط ، يمكنك استخدام الفئات أو المعرفات. على سبيل المثال ، إذا كان لديك نموذج مع
. شكل بلدي {