في HTML، تسمح منطقة النص عادةً للمستخدمين بتغيير حجمها عن طريق سحب الزاوية اليمنى السفلية لها. ومع ذلك، في بعض الأحيان قد نرغب في تعطيل سلوك السحب اليدوي هذا من أجل إصلاح حجم حقل النص. لتحقيق ذلك، يمكنك استخدام خاصية تغيير الحجم في CSS.
الخطوات المحددة هي كما يلي:
ابحث عن عنصر منطقة النص (منطقة النص) الذي يجب تعطيله في ملف HTML.
أضف أنماط CSS إلى عنصر حقل النص وقم بتعيين سمة تغيير الحجم على لا شيء. سيؤدي هذا إلى تعطيل المستخدم من السحب لتغيير حجم حقل النص.
إليك مثال بسيط:
<!DOCTYPE html>
<html لانج="ar">
<الرأس>
<ميتا محارف = "UTF-8">
<meta name="viewport" content="width=device-width, original-scale=1.0">
<العنوان>المستند</title>
<نمط>
منطقة النص {
تغيير الحجم: لا شيء /* تعطيل المستخدمين من السحب وتغيير الحجم يدويًا */
}
</نمط>
</الرأس>
<الجسم>
<textarea name="" id="" cols="30"rows="10">هذا هو محتوى منطقة النص</textarea>
</الجسم>
</html> في المثال أعلاه، قمنا بتعيين نمط resize: none; لعنصر textarea ، وبالتالي منع المستخدمين من تغيير حجمه عن طريق السحب.
في المثال أعلاه، قمنا بتعيين نمط تغيير الحجم: لا شيء لعنصر منطقة النص، وبالتالي منع المستخدمين من تغيير حجمه عن طريق السحب.
لاحظ أنه على الرغم من أن هذا الأسلوب يعمل بشكل فعال في معظم المتصفحات الحديثة، فمن الأفضل لضمان التوافق إجراء اختبار شامل قبل النشر الفعلي. بالإضافة إلى ذلك، تعد سمة تغيير الحجم إحدى ميزات CSS3 وبالتالي قد لا تكون مدعومة في بعض المتصفحات القديمة. إذا كنت بحاجة إلى دعم هذه المتصفحات، فقد تحتاج إلى التفكير في استخدام طرق أخرى أو توفير خيار الرجوع إلى إصدار سابق.
بهذا نختتم هذه المقالة حول كيفية تعيين حقول نص HTML لمنع المستخدمين من السحب يدويًا. لمزيد من المعلومات حول منع HTML للمستخدمين من السحب يدويًا، يرجى البحث في المقالات السابقة على downcodes.com أو متابعة تصفح المقالات ذات الصلة أدناه downcodes.com المزيد في المستقبل!