Кейде веб-парақты орналастыру кезінде оған орналастырылған элементтердің кейбірін жасыру қажет. Мысалы, егер сіз келушінің барлық өрістер толтырылғанға дейін форманы жіберетін батырмаларды көрмеуін қаласаңыз. Немесе бұл батырма келушіге мүлде арналмаған болса, бірақ осы параққа орналастырылған сценарий оны «басуы» керек.
Нұсқаулық
1-қадам
Қажетті бет элементтерін өшіру немесе көрсету үшін каскадтық стильдер кестесінің (CSS) дисплей қасиетін пайдаланыңыз. Халықаралық стандарттарға сәйкес, бұл қасиетке әр түрлі көрсету әдістерін көрсететін бір жарым оннан астам мән берілуі мүмкін. Алайда, тек төртеуі ғана кросс-браузер болып табылады (яғни барлық негізгі браузерлерде жұмыс істейді). Осы төртеудің ішінде сізге қажет бет элементін жасыруға мүмкіндік беретін мән жоқ.
2-қадам
CSS нұсқауларының қажетті жиынтығын жасаңыз. Қарапайым түрінде ол келесідей көрінуі мүмкін: батырма {дисплей: жоқ;} Бұл жағдайда парақта… тегінің көмегімен барлық батырмалар көрсетілмейді.
3-қадам
Егер сіз тек бір батырманы немесе батырмалардың белгілі бір тобын жасырғыңыз келсе, нұсқаулықта сынып атауына көрсеткіш қосыңыз. Мысалы, мұндай класты HideBtns атауын беріңіз және осы атауды CSS операторына қосыңыз: button. HideBtns {display: none;} Class атрибутын парақтың HTML кодындағы қажетті батырмаға қосып, оған HideBtns: жасырын батырма мәнін беріңіз
4-қадам
Егер сіз батырманы ғана емес, веб-форманың басқа элементтерін де жасырғыңыз келсе, мысалы, ата-аналық элементке display мәнін ештеңе көрсетпеңіз. Форма және тегтер арасында орналастырылған барлық элементтердің «ата-анасы» болып саналады. Мысалға:
Мұнда мәтін өрісі және енгізілген мәнді жіберу батырмасы форманың ішіне орналастырылған. Форма HideForm деп аталатын сыныпқа тағайындалған, сондықтан енгізу өрісін де, батырманы да жасыру үшін сізге CSS операторын келесідей өзгерту керек: form. HideForm {display: none;}
5-қадам
Дайындалған кодты жоғарыдағы мысалда веб-құжаттың тақырыбына орналастырыңыз (және тегтер арасында). Келушілердің браузеріне бұл CSS коды екенін айту үшін оны HTML стилінің ашылуы мен жабылуы арасында қамту керек:
button. HideBtns {дисплей: жоқ;}
