يجب استخدام مربعات الإدخال النصية في كتب الرسائل العامة والمنتديات ، وما إلى ذلك ، تحتوي Textarea و Textare في لغة HTML على العديد من المعلمات. إذا تعلمت استخدام هذه المعلمات ، فيمكنك تعديل حجم ومظهر مربع إدخال النص في الإرادة لتحقيق التأثير الذي تريده. فيما يلي المعلمات وكيفية استخدام هذه المعلمات.
1. كولز ، العمود العمودي. بدون إعدادات ورقة الأنماط ، فإنه يمثل عدد البايتات التي يمكن استيعابها على التوالي. على سبيل المثال ، يعني Cols = 60 أن الخط يمكن أن يستوعب ما يصل إلى 60 بايت ، أي 30 حرفًا صينيًا. بالإضافة إلى ذلك ، من المهم أن نلاحظ أنه يتم ضبط عرض مربع النص من خلال هذا ، وإدخال قيمة Cols ، ثم تحديد حجم خط نص الإدخال (إذا لم يتم تعريفه ، سيتم استخدام القيمة الافتراضية) ، ثم سيتم تحديد عرض مربع النص.
2. الصفوف ، العمود الأفقي. يشير إلى عدد الصفوف التي يمكن عرضها ، مثل الصفوف = 10 ، مما يعني أنه يمكن عرض 10 صفوف. إذا كان لديك أكثر من 10 أسطر ، فأنت بحاجة إلى سحب شريط التمرير للتصفح. (كما هو مذكور أعلاه ، يتم التحكم في ارتفاع مربع النص من خلال هذا.)
3. الاسم ، اسم مربع النص ، هذا العنصر لا غنى عنه لأنه يجب استخدامه عند تخزين النص.
4. الاعوجاج. عندما تعني WARP = OFF أنه لا يوجد تغليف تلقائي في منطقة النص ، بالطبع ، إذا لم تكتب ، فسيكون ذلك التغليف التلقائي افتراضيًا. يتم استخدام هذه المعلمة بشكل عام أقل بشكل متكرر.
5. النمط ، هذه معلمة عملية للغاية ، والتي يمكن استخدامها لتعيين لون الخلفية لمربع النص ولون شريط التمرير والشكل ولون الحدود وحجم خط الإدخال ولونه ، إلخ.
6. الفصل ، يستخدم بشكل عام لاتصال الإعدادات في CSS الخارجية.
مثال 1: اضبط عدد الصفوف في مربع النص إلى 40 وعدد الأعمدة إلى 10. الاسم هو نص. نموذج التعبير <textarea cols = 40 صفوف = 10 name = text> </textarea>
مثال 2: قم بإلغاء شريط التمرير على الجانب الأيمن من مربع النص. نموذج التعبير <textarea cols = 40 صفوف = 10 name = text style = overflow: auto> </swertarea>. النمط = الفائض: يعني Auto أنه سيتم عرض شريط التمرير تلقائيًا عندما يتجاوز نص الإدخال عدد الخطوط.
مثال 3: اضبط لون خلفية مربع النص. <textarea cols = 40 صفوف = 10 اسم = نمط نص = خلفية اللون: bfcedc> </textarea>.
مثال 4: بالإضافة إلى ذلك ، قم بتعيين لون شريط التمرير ، لون الحدود ، حجم الخط ، اللون ، تباعد الخط ، إلخ. من مربع النص ، والذي يمكن ضبطه مباشرة بالأناقة. ومع ذلك ، عادة ما تستخدم هذه لوضعها في CSS ، فقط اتصل بهم مباشرة. فيما يلي رمز إعداد CSS: يجب أن يكون الفهم أسهل. يتم تعيين مربع النص بالتسلسل مع لون الخلفية لمربع النص ، ولون وسمك الجزء العلوي والأسفل واليسرى واليمين ، وكذلك حجم خط الإدخال.
| <style> .TextBox {background: #bfcedc ؛ الحدود: #7F9DB9 1PX الصلبة ؛ الحدود اليسرى: #7F9DB9 1PX الصلبة ؛ اليمين الحدودي: #7f9db9 1px الصلبة ؛ Border-Bottom: #7f9db9 1px Solid ؛ Font-Family: Songti ، Verdana ، Arial ، Helvetica ؛ حجم الخط: 12 بكسل ؛ محاذاة النص: رفع ؛} </style> |
أدخل الرمز أعلاه بين <head> و </head> للصفحة. طريقة الاتصال: <textarea cols = 40 صفوف = 10 name = text class = textbox> </textarea>. الاسم في الفصل = يتوافق مع اسم الإعداد المراد استخدامه في CSS. بمجرد أن تكون على دراية بهذه المعلمات ، يكون من المريح للغاية تعديل وتجميل مربع إدخال النص.