לפעמים, בעת פריסת דף אינטרנט, יש צורך להסתיר חלק מהאלמנטים המוצבים בו. לדוגמא, אם אתה רוצה שהמבקר לא יראה את לחצני הגשת הטופס עד למילוי כל השדות הנדרשים. או אם הכפתור כלל לא מיועד לשמש את המבקר, אך על התסריט המוצג בעמוד זה "ללחוץ" עליו.
הוראות
שלב 1
השתמש במאפיין התצוגה של גליונות הסגנון המדורגים (CSS) בכיבוי או בתצוגה של רכיבי העמוד הרצויים. על פי סטנדרטים בינלאומיים, ניתן להקצות לנכס זה יותר מתריסר ערכים וחצי המציינים שיטות תצוגה שונות. עם זאת, רק ארבעה הם בין דפדפנים (כלומר, עובדים בכל הדפדפנים העיקריים). בין ארבעת אלה, אין ערך כלשהו שאתה זקוק לו, המאפשר להסתיר את רכיב העמוד הרצוי.
שלב 2
צור את קבוצת הנחיות CSS הנדרשת. בצורה הפשוטה ביותר זה עשוי להיראות כך: כפתור {display: none;} במקרה זה, הדף לא יציג את כל הכפתורים המשתמשים בתג ….
שלב 3
הוסף אינדיקציה לשם הכיתה בהוראות אם ברצונך להסתיר רק כפתור אחד או קבוצת כפתורים ספציפית. לדוגמה, תן שם למחלקה כזו HideBtns והוסף שם זה להצהרת CSS: כפתור. HideBtns {display: none;} הוסף את תכונת הכיתה לכפתור הרצוי בקוד ה- HTML של הדף והקצה לו את הערך HideBtns: כפתור מוסתר
שלב 4
החל את מאפיין התצוגה עם הערך none על רכיב האב אם ברצונך, למשל, להסתיר לא רק את הכפתור, אלא גם אלמנטים אחרים של טופס האינטרנט. הטופס נחשב ל"הורה "של כל האלמנטים המוצבים בין התגים ו-. לדוגמה:
כאן, שדה טקסט וכפתור להגשת הערך שהוזן ממוקמים בתוך הטופס. הטופס מוקצה למחלקה בשם HideForm, לכן כדי להסתיר את שדה הקלט והלחצן, עליך לשנות את הצהרת CSS כך: form. HideForm {display: none;}
שלב 5
הצב את הקוד המוכן בדוגמה שלמעלה בכותרת של מסמך האינטרנט (בין התגים ל-). כדי לומר לדפדפן המבקר שמדובר בקוד CSS, עליו להיות כלוא בין תגיות הסגנון הפותחות לסגירת HTML:
button. HideBtns {display: none;}
