يعد حقل إدخال النص في صفحة الويب أحد العناصر الرئيسية التي يمكن للمستخدمين استخدامها لنقل المعلومات. غالبا ما تحتوي هذه الحقول على تلميحات أو مؤشرات تساعد المستخدمين على فهم ما يجب عليهم إدخاله بالضبط. ومع ذلك ، في بعض الأحيان تحتاج إلى تغيير الخط لحقل الإدخال بدلا من استخدام تلميح. في هذه المقالة ، سننظر في كيفية القيام بذلك.
يمكنك تغيير الخط في حقل الإدخال باستخدام عنصر الإدخال وسمة النمط الخاصة به. على سبيل المثال ، لتغيير الخط إلى ساعي جديد وتعيين الحجم إلى 14 بكسل ، يمكنك استخدام التعليمات البرمجية التالية:
وبالتالي ، سيتم تغيير الخط في حقل الإدخال إلى ساعي جديد بحجم 14 بكسل. بالطبع ، يمكنك اختيار أي خط وحجم آخر يناسب احتياجاتك.
- تغيير الخط في حقل الإدخال
- تغيير الخط العالمي لجميع حقول الإدخال
- تغيير الخط لحقل إدخال معين
- تكوين أنماط لحقل الإدخال
- استخدام كس لتغيير الخط
- استخدام جافا سكريبت لتغيير الخط
- قدرة المتصفح على تغيير الخط
تغيير الخط في حقل الإدخال
يمكنك تغيير الخط في حقل الإدخال باستخدام سمة النمط وخاصية عائلة الخط المغلق. يمكن تعيين الخط عالميا لجميع حقول الإدخال ، وكذلك لحقل معين.
تغيير الخط العالمي لجميع حقول الإدخال
لتغيير الخط بشكل عام ، يمكنك استخدام محدد الإدخال أو محدد الفئة المطبق على عناصر الإدخال. يوجد أدناه مثال على الكود:
لتغيير الخط لحقل إدخال معين فقط ، يجب تحديد معرفه أو فئته وتطبيق النمط على هذا العنصر فقط. يوجد أدناه مثال على الكود:
في هذا المثال ، سيتم تعيين الخط فقط لحقل الإدخال مع معرف ميينبوت كما تايمز نيو رومان ، الرقيق. يمكنك استخدام أي خط آخر بدلا من تايمز نيو رومان.
| وهكذا ، باستخدام كس ، يمكنك بسهولة تغيير الخط في حقل الإدخال من صفحة ويب على حد سواء على الصعيد العالمي وحقل معين. | تكوين أنماط لحقل الإدخال |
|---|---|
لتغيير الخط بدلا من التلميح في حقل الإدخال ، يمكنك استخدام خاصية كس |
مثال على الكود:
}
في هذا المثال ، قمنا بتعيين الخط أريال لحقل الإدخال باستخدام خاصية كس
الخط الأسرة
. إذا لم يكن لدى المستخدم الخط أريال تثبيت ، ثم سيتم استخدام الخط بلا الرقيق ، وهو بديل.
لتغيير حجم الخط ، أو
اللون
لتغيير لون الخط.
- من المهم أن تتذكر أنه يمكن تعيين أنماط حقل الإدخال بشكل فردي لكل عنصر ، أو عالميا لجميع حقول الإدخال في الصفحة.
- استخدام كس لتغيير الخط
- لتغيير الخط في حقل الإدخال ، يمكنك استخدام خاصية عائلة الخط ، والتي تحدد الخط الذي سيتم تطبيقه على النص. على سبيل المثال:
الخط الأسرة: أريال ، بلا الرقيق;
}
حجم الخط-يحدد حجم الخط;
وهكذا ، باستخدام أنماط كس ، يمكنك بسهولة تغيير خط النص في حقل الإدخال وإنشاء التصاميم الفريدة الخاصة بك.
- مثال على التعليمات البرمجية التي توضح استخدام جافا سكريبت لتغيير الخط في حقل الإدخال:
- للبحث عن عنصر حقل الإدخال بواسطة المعرف الفريد "الإدخال". ثم نقوم بتغيير خصائص الخط (الخط وحجم الخط) باستخدام
- بالإضافة إلى ذلك ، توفر جافا سكريبت العديد من الطرق والخصائص الأخرى التي يمكن استخدامها لتغيير الخط في حقل الإدخال. على سبيل المثال ، يمكنك تغيير لون الخط (
اللون