Понякога, когато оформяте уеб страница, е необходимо да скриете някои от елементите, поставени в нея. Например, ако искате посетителят да не вижда бутоните за изпращане на формуляра, докато не бъдат попълнени всички задължителни полета. Или ако бутонът въобще не е предназначен за използване от посетителя, но скриптът, поставен на тази страница, трябва да го „щракне“.
Инструкции
Етап 1
Използвайте свойството display на Cascading Style Sheets (CSS), за да изключите или включите показването на желаните елементи на страницата. Според международните стандарти на това свойство могат да се присвоят повече от една и половина дузини стойности, които определят различни методи на показване. Само четири обаче са кръстосани браузъри (т.е. работят във всички основни браузъри). Сред тези четири има нужната стойност, от която се нуждаете, което ви позволява да скриете желания елемент на страницата.
Стъпка 2
Създайте необходимия набор от CSS насоки. В най-простата си форма може да изглежда по следния начин: бутон {дисплей: няма;} В този случай страницата няма да покаже всички бутони с помощта на … тага.
Стъпка 3
Добавете индикация към името на класа в инструкциите, ако искате да скриете само един бутон или конкретна група от бутони. Например дайте име на такъв клас HideBtns и добавете това име към CSS израза: button. HideBtns {display: none;} Добавете атрибута на класа към желания бутон в HTML кода на страницата и му присвойте стойността HideBtns: hidden button
Стъпка 4
Приложете свойството display със стойността none към родителския елемент, ако искате например да скриете не само бутона, но и други елементи на уеб формуляра. Формата се счита за "родител" на всички елементи, поставени между етикетите и. Например:
Тук във формата се поставят текстово поле и бутон за подаване на въведената стойност. Формата е присвоена на клас с име HideForm, така че за да скриете както полето за въвеждане, така и бутона, трябва да промените CSS израза по следния начин: form. HideForm {display: none;}
Стъпка 5
Поставете подготвения код в горния пример в заглавката на уеб документа (между етикетите и и). За да кажете на браузъра на посетителя, че това е CSS код, той трябва да бъде затворен между отварящите и затварящите HTML стилови тагове:
button. HideBtns {дисплей: няма;}
