في بعض الأحيان ، عند تخطيط صفحة ويب ، من الضروري إخفاء بعض العناصر الموضوعة فيها. على سبيل المثال ، إذا كنت تريد ألا يرى الزائر نموذج إرسال الأزرار حتى يتم ملء جميع الحقول المطلوبة. أو إذا كان الزر لا يقصد استخدامه من قبل الزائر على الإطلاق ، ولكن النص الموضوع في هذه الصفحة يجب أن "ينقر" عليه.
تعليمات
الخطوة 1
استخدم خاصية العرض الخاصة بـ Cascading Style Sheets (CSS) لإيقاف تشغيل أو عرض عناصر الصفحة المطلوبة. وفقًا للمعايير الدولية ، يمكن تعيين أكثر من ستة قيم ونصف من القيم التي تحدد طرق عرض مختلفة لهذه الخاصية. ومع ذلك ، هناك أربعة فقط تستخدم المتصفحات (أي تعمل في جميع المتصفحات الرئيسية). من بين هؤلاء الأربعة ، لا توجد قيمة لا تحتاج إليها ، مما يسمح لك بإخفاء عنصر الصفحة المطلوب.
الخطوة 2
قم بإنشاء المجموعة المطلوبة من إرشادات CSS. في أبسط أشكالها ، قد تبدو كالتالي: button {display: none؛} في هذه الحالة ، لن تعرض الصفحة جميع الأزرار التي تستخدم علامة….
الخطوه 3
أضف إشارة إلى اسم الفئة في التعليمات إذا كنت تريد إخفاء زر واحد فقط أو مجموعة محددة من الأزرار. على سبيل المثال ، قم بتسمية فئة HideBtns وأضف هذا الاسم إلى عبارة CSS: button. HideBtns {display: none؛} أضف سمة الفئة إلى الزر المطلوب في كود HTML للصفحة وعيّن لها القيمة HideBtns: زر مخفي
الخطوة 4
قم بتطبيق خاصية العرض بالقيمة لا شيء على العنصر الأصل إذا كنت تريد ، على سبيل المثال ، إخفاء ليس الزر فقط ، ولكن أيضًا العناصر الأخرى لنموذج الويب. يعتبر النموذج "الأصل" لجميع العناصر الموضوعة بين العلامات و. فمثلا:
هنا ، يتم وضع حقل نص وزر لإرسال القيمة المدخلة داخل النموذج. تم تعيين النموذج إلى فئة تسمى HideForm ، لذلك لإخفاء كل من حقل الإدخال والزر ، تحتاج إلى تغيير عبارة CSS مثل هذا: form. HideForm {display: none؛}
الخطوة الخامسة
ضع الكود المعد في المثال أعلاه في رأس مستند الويب (بين العلامات و). لإخبار متصفح الزائر أن هذا هو كود CSS ، يجب وضعه بين علامتي فتح وإغلاق HTML:
button. HideBtns {display: none؛}
