في بعض الأحيان يصبح من الضروري إنشاء نموذج إلكتروني حيث يجب حظر بعض الحقول للتحرير من قبل المستخدم. على سبيل المثال ، قد يكون هذا ضروريا لحفظ القيمة الأصلية للحقل أو لتحذير المستخدم من أهمية بعض المعلومات. في مثل هذه الحالات ، قد يحتاج المطور إلى تغيير سمة القراءة فقط.
الطرق الرئيسية لتغيير السمة للقراءة فقط هي استخدام السمة للقراءة فقط وتغيير الأنماط باستخدام كس. تسمح السمة للقراءة فقط بالوصول إلى محتويات الحقل ، ولكنها لا تسمح بتحريرها. ومع ذلك ، فإن استخدامه ليس دائما مناسبا وممتعا من الناحية الجمالية ، خاصة إذا كنت بحاجة إلى تصميم الحقل اعتمادا على الحالة.
ملاحظة: يمكن أن تكون جميع الطرق المذكورة أعلاه للعمل مع سمات القراءة فقط فعالة للغاية ، ولكن من الأفضل اختيار الخيار الأنسب بناء على الموقف المحدد ومتطلبات المشروع.
- ما هي سمة للقراءة فقط ومعناها في هتمل
- تحديد السمة "للقراءة فقط"
- قيمة السمة "للقراءة فقط" للعناصر المختلفة
- حقول إدخال النص
- اختيار العناصر
- أزرار
- الجداول
- كيفية تغيير السمة للقراءة فقط في هتمل
- الطريقة 1: استخدام جافا سكريبت
- الطريقة 2: استخدام السمة "كونتنتيديتابل"
- الطريقة 3: استخدام خاصية كس "مؤشر الأحداث"
- الطريقة 4: استخدام مكتبة جافا سكريبت
- الطريقة 5: استخدام السمة "معطل"
- سؤال وجواب
- كيف يمكنني تغيير السمة للقراءة فقط في بيثون?
- كيف يمكنني إنشاء خاصية للقراءة فقط في ج#?
- هل من الممكن تغيير قيمة السمة للقراءة فقط?
- كيف يمكنني تغيير السمة للقراءة فقط في جافا سكريبت?
ما هي سمة للقراءة فقط ومعناها في هتمل
السمة للقراءة فقط هي سمة تسمح لك بتعيين حقل نص للقراءة فقط أو إخراج نص. مثل هذا الحقل أو الإخراج لا يمكن تحريره أو تغييره من قبل المستخدم. يمكن أن يكون مفيدا عندما تحتاج إلى تقديم معلومات ، ولكن لا تعطي الفرصة لتغييرها.
يمكن تطبيق السمة للقراءة فقط على عناصر هتمل التالية:
- الإدخال: حقل نصي أو حقل إدخال بكلمة مرور أو حقل إدخال بنطاق
- تكستاريا: حقل النص متعدد الأسطر
- اختر: القائمة المنسدلة
- الإخراج: عنصر يعرض نتائج حسابات البرنامج النصي
يمكن تعيين قيمة السمة للقراءة فقط كسلسلة فارغة ، مما يعني" للقراءة فقط " ، أو قيمة أخرى سيتم عرضها في حقل للقراءة فقط أو الإخراج.
عندما يتم تطبيق السمة للقراءة فقط على عنصر هتمل ، فإنه غير قابل للتحرير من قبل المستخدم. هذا يعني أنه يمكن للمستخدم عرض المعلومات فقط ، ولكن لا يمكنه تغييرها أو إدخال قيم جديدة.
تكون سمة القراءة فقط مفيدة عندما تحتاج إلى تقديم معلومات لا ينبغي تغييرها أو عندما تحتاج إلى حظر إدخال المستخدم في حقول النص.
على سبيل المثال ، باستخدام سمة القراءة فقط ، يمكنك عرض معلومات التسليم على موقع الويب الخاص بالمتجر عبر الإنترنت ومنع المستخدمين من تغيير هذه البيانات عن طريق الخطأ.
فيما يلي أمثلة على استخدام السمة للقراءة فقط:
| أتش تي أم أل | الوصف |
|---|---|
| حقل نص للقراءة فقط بقيمة محددة مسبقا. | |
| للقراءة فقط | حقل نص متعدد الأسطر للقراءة فقط بقيمة محددة مسبقا. |
الخيار 1 الخيار 2 | قائمة منسدلة للقراءة فقط مع خيار محدد مسبقا. |
| نتيجة الحساب: 42 | عنصر إخراج للقراءة فقط بقيمة محددة مسبقا. |
توضح كل هذه الأمثلة استخدام السمة للقراءة فقط لإنشاء عناصر هتمل التي تعرض معلومات للقراءة فقط غير قابلة للتحرير من قبل المستخدم.
تحديد السمة "للقراءة فقط"
تحدد السمة للقراءة فقط أنه لا يمكن للمستخدم تغيير حقل الإدخال أو عنصر التحكم. بمعنى ، يمكن للمستخدم فقط عرض قيمة الحقل ، ولكن لا يمكنه تغييره.
لإضافة سمة للقراءة فقط إلى عنصر هتمل ، يجب عليك استخدام السمة للقراءة فقط.
مثال على استخدام السمة:
وبالتالي ، سيحتوي حقل الإدخال على القيمة "بعض القيمة" ولن يكون قابلا للتحرير من قبل المستخدم.
إذا تم تطبيقه على عنصر أو ، تشير السمة للقراءة فقط إلى أنه يمكن للمستخدم فقط عرض النص أو تحديد القيم ، ولكن لا يمكنه إجراء تغييرات.
مثال على استخدام سمة مع عناصر و :
بعض النص
الخيار 1 الخيار 2
غالبا ما تستخدم سمة القراءة فقط في النماذج لإظهار القيم المملوءة مسبقا للمستخدمين والتي يمكنهم عرضها فقط ، ولكن لا يمكنهم تغييرها.
على الرغم من أن السمة للقراءة فقط تمنع المستخدم من تغيير القيمة ، إلا أنها لا تمنع تغييرها باستخدام جافا سكريبت. لضمان الحماية الكاملة للبيانات ، يجب استخدام طرق إضافية ، مثل التحقق من جانب الخادم.
قيمة السمة "للقراءة فقط" للعناصر المختلفة
يمكن تطبيق السمة للقراءة فقط على عناصر هتمل المختلفة ، مما يسمح لك بمنع المستخدم من إجراء تغييرات على محتوى العنصر. فيما يلي بعض العناصر الأكثر استخداما وكيفية تطبيق سمة القراءة فقط.
حقول إدخال النص
يمكن استخدام السمة للقراءة فقط لحقول إدخال النص مثل أو . عند تعيين هذه السمة ، لن يتمكن المستخدم من إدخال نص أو تغييره في الحقل. على سبيل المثال:
اختيار العناصر
يمكن أيضا تطبيق السمة للقراءة فقط على عناصر التحديد مثل . عند تعيين هذه السمة ، لن يتمكن المستخدم من تغيير القيمة المحددة. على سبيل المثال:
الخيار 1
الخيار 2
الخيار 3
أزرار
يمكن تطبيق سمة القراءة فقط على أزرار مثل أو لمنع المستخدم من النقر عليها. على سبيل المثال:
انقر لي
الجداول
يمكن أيضا تطبيق السمة للقراءة فقط على عناصر الجدول مثل
السمة للقراءة فقط هي أداة قوية لتقييد وصول المستخدم إلى تغيير محتوى عناصر هتمل. يمكن أن يكون مفيدا عندما يكون من الضروري تزويد المستخدم بقراءة بيانات معينة فقط.
كيفية تغيير السمة للقراءة فقط في هتمل
تسمح لك سمة القراءة فقط (المعروفة أيضا باسم سمة القراءة فقط) بتحديد أنه لا يمكن قراءة عنصر النموذج إلا ، ولكن لا يمكن للمستخدم تعديله. يمكن أن يكون هذا مفيدا عندما تحتاج إلى تقديم معلومات يمكن للمستخدم عرضها ولكن لا تتغير.
لتعيين سمة للقراءة فقط في هتمل ، استخدم العلامة المناسبة وأضف السمة للقراءة فقط. فيما يلي بعض الأمثلة:
- الخيار 3 (محدد)
في هذه الحالة ، ستحتوي القائمة على ثلاثة خيارات ، يتم تحديد الخيار الثالث منها "الخيار 3". سيتمكن المستخدم فقط من عرض الخيارات ، ولكن لن يتمكن من تحديد خيارات جديدة.
مربع الاختيار:باستخدام علامة
والنوع = سمة" مربع الاختيار " ، يمكنك إنشاء مربع اختيار للقراءة فقط. مثال:في هذه الحالة ، سيتم وضع علامة على مربع الاختيار ولن يتمكن المستخدم من تغيير حالته.
وبالتالي ، تسمح لك سمة القراءة فقط بتحديد عنصر نموذج لن يكون متاحا لتغييرات المستخدم ، ولكنه قابل للعرض.
الطريقة 1: استخدام جافا سكريبت
تتمثل إحدى طرق تغيير سمة القراءة فقط باستخدام جافا سكريبت في استخدام خاصية القراءة فقط. تتيح لك هذه الخاصية تعيين سمة للقراءة فقط لمعظم عناصر النموذج ، مثل حقل النص وحقل إدخال كلمة المرور ومنطقة النص وغيرها.
- للقيام بذلك ، تحتاج أولا إلى الحصول على رابط لعنصر النموذج الذي تريد تغيير السمة له. ويمكن القيام بذلك باستخدام طريقة جيتليمنتبيد أو طرق أخرى للوصول إلى عناصر المستند:
- فار الإدخال = وثيقة . جيتليمنتبيد ("ميينبوت");
ثم يمكننا تعيين الخاصية للقراءة فقط إلى صحيح لجعل العنصر للقراءة فقط:
إدخال.للقراءة فقط = صحيح;
لإزالة سمة القراءة فقط وجعل العنصر قابلا للتحرير ، يمكننا تعيين خاصية القراءة فقط على خطأ:
إدخال.للقراءة فقط = خطأ;
ومع ذلك ، ضع في اعتبارك أن هذه الخاصية متاحة فقط لعناصر النموذج وغير مدعومة من قبل جميع المتصفحات.
الطريقة 2: استخدام السمة "كونتنتيديتابل"
تسمح لك سمة المحتوى القابلة للتحرير بتعيين عنصر على وضع التحرير ، بينما يمكن للمستخدمين تغيير محتوياته ، لكن لا يمكنهم تغيير سمات أو بنية العنصر.
لاستخدام السمة كونتنتديتابل ، فقط إضافته إلى عنصر هتمل المطلوب. على سبيل المثال ، لإنشاء فقرة قابلة للتحرير:
هذه فقرة قابلة للتحرير
يمكن أن تأخذ السمة كونتنتديتابل قيمتين:
صحيح: يصبح العنصر قابلا للتحرير;
خطأ: العنصر غير قابل للتحرير.
يمكن أيضا تغيير قيمة السمة ديناميكيا باستخدام جافا سكريبت:
وثيقة.جيتليمينتبيد ("مياليمنت").المحتوىتحرير = "صحيح";
وبالتالي ، باستخدام سمة المحتوى القابلة للتحرير ، يمكنك بسهولة جعل أي عنصر قابلا للتحرير على صفحة ويب. ومع ذلك ، يجب ألا يغيب عن البال أن هذا الحل ليس آمنا لبيانات المستخدم ، حيث يمكن للمستخدمين تغيير محتويات العنصر كما يحلو لهم.الطريقة 3: باستخدام خاصية كس "مؤشر الأحداث"
الطريقة الثالثة لتغيير السمة للقراءة فقط هي استخدام خاصية كس"مؤشر الأحداث". تتيح لك هذه الخاصية التحكم في كيفية تفاعل العناصر مع أحداث المؤشر (على سبيل المثال ، نقرات الماوس).
باستخدام قيمة" بلا "لخاصية" أحداث المؤشر " ، يمكننا جعل العنصر منيعا لأحداث المؤشر. هذا يعني أن المستخدم لن يتمكن من التفاعل مع هذا العنصر باستخدام المؤشر ، بما في ذلك النقر والتحويم والسحب.
تطبيق الخاصية كس" مؤشر الأحداث " إلى عنصر مع سمة للقراءة فقط يسمح لك لإغلاق الوصول إلى هذا العنصر للمستخدمين ، في حين بصريا لا تغيير حالته أو نمط.
فيما يلي مثال على استخدام خاصية كس "أحداث المؤشر" لتغيير السمة للقراءة فقط:
في المثال أعلاه ، يحتوي عنصر الإدخال مع السمة "للقراءة فقط" أيضا على فئة "للقراءة فقط" ، والتي يتم تطبيق خاصية كس " مؤشر الأحداث: لا شيء؛". هذا يعني أنه حتى إذا كان للعنصر سمة للقراءة فقط ، فلا يمكن للمستخدم التفاعل معها باستخدام مؤشر.
من المهم ملاحظة أن استخدام خاصية كس" أحداث المؤشر " يمكن أن يؤثر على تفاعل المستخدم مع العناصر الموجودة على الصفحة ، لذلك من الضروري استخدامه بحذر واختباره بعناية قبل تنفيذه على خادم الإنتاج.
الطريقة 4: استخدام مكتبة جافا سكريبت
توفر مكتبات جافا سكريبت حلولا جاهزة لتغيير سمات عناصر هتمل. إنها تبسط العملية إلى حد كبير وتسمح لك بإدارة السمات بشكل أكثر مرونة.
واحدة من مكتبات جافا سكريبت الأكثر شعبية هي مسج.
لتغيير سمات للقراءة فقط ، يمكنك استخدام التعليمات البرمجية مسج التالية:
document (وثيقة).جاهز (وظيفة () {
(("#النخاع").أتر ("للقراءة فقط" ، صحيح);
});
في هذا الرمز ، ونحن نستخدم وظيفة أتر () لتغيير قيمة السمة للقراءة فقط من عنصر مع معرف مياليمنت. تعني قيمة الحقيقة أن السمة ستكون للقراءة فقط.
يجب وضع هذا الرمز داخل $(المستند).جاهز () وظيفة. هذا يسمح لك بتنفيذ التعليمات البرمجية فقط بعد تحميل الصفحة بالكامل.
لاستخدام مسج ، تحتاج إلى توصيل البرنامج النصي في مستند هتمل:
بعد توصيل مسج ، يمكنك استخدام جميع وظائفه.
يعمل استخدام مكتبة جافا سكريبت على تبسيط عملية تغيير سمات القراءة فقط ويسمح لك بتحقيق النتيجة المرجوة بأقل جهد ممكن.
الطريقة 5: باستخدام السمة "معطل"
يتم استخدام السمة" معطل " لتعيين حالة العنصر ، حيث يصبح غير نشط وغير متاح لتفاعل المستخدم. يمكن تطبيق هذه السمة على عناصر مختلفة مثل الأزرار ومربعات النص ومربعات الاختيار ونماذج الإدخال الأخرى.
لاستخدام السمة" معطل " ، ما عليك سوى إضافتها إلى علامة العنصر الذي يجب تعيينه على حالة القراءة فقط. على سبيل المثال:
زر
في هذا المثال ، سيتم عرض الزر في حالة غير نشطة ولن يتمكن المستخدم من تنفيذ أي إجراءات معه.
يعد استخدام السمة" معطل " مناسبا عندما تحتاج إلى حظر عنصر من التفاعل مع المستخدم ، ولكن في نفس الوقت احتفظ بعرضه. ومع ذلك ، ضع في اعتبارك أنه عند استخدام هذه السمة ، يصبح العنصر غير قابل للوصول ليس فقط للمستخدم ، ولكن أيضا لأدوات إدارة النماذج على الخادم.
من المهم ملاحظة أنه يمكن تحويل العناصر النشطة في البداية إلى عناصر غير نشطة باستخدام جافا سكريبت. للقيام بذلك ، يمكنك استخدام خاصية" معطل " لكائن العنصر:
// احصل على العنصر
فار المدخلات = وثيقة.جيتليمنتبيد ("ميينبوت");