Як заховати кнопку
Відео: КУДИ ВІН СПРАВ МОЮ КНОПКУ? ДЕ ВІН СТРАШНА СХОВАВ КНОПКУ? Сховай КНОПКУ В майнкрафт! Троллінгу кнопку!
Содержание
Іноді при верстці веб-сторінки буває потрібно приховати будь-якої з розміщених в ній елементів. Наприклад, якщо необхідно, щоб відвідувач не бачив кнопки відправки форми до того, як всі обов`язкові поля не будуть заповнені. Або якщо кнопка взагалі не призначена для використання відвідувачем, а «натискати» її повинен розміщений в цій сторінці скрипт.
1
Використовуйте властивість display мови опису стилів CSS (Cascading Style Sheets - «каскадні таблиці стилів») для виключення або включення відображення потрібних елементів сторінки. Цій властивості, згідно з міжнародними стандартами, можна привласнити більше півтора десятка значень, які задають різні способи відображення. Однак кросбраузерності (тобто працюють у всіх основних браузерах) є тільки чотири. Серед цієї четвірки є і потрібне вам значення none, яке дозволяє приховати потрібний елемент сторінки.
2
Складіть необхідний набір CSS-інструкцій. У найпростішому вигляді він може виглядати так: button {display: none;} У такому варіанті в сторінці не будуть відображатися всі кнопки, які використовують тег.
3
Додайте в інструкції вказівку на ім`я класу, якщо треба приховати тільки одну кнопку або певну групу кнопок. Наприклад, назвіть такий клас HideBtns і додайте це ім`я в CSS-інструкцію: button.HideBtns {display: none;} Потрібної кнопці в HTML-коді сторінки теж слід додати атрибут class і привласнити йому значення HideBtns:
4
Застосуйте властивість display із значенням none до батьківського елементу, якщо треба, наприклад, приховати не тільки кнопку, а й інші елементи веб-форми. Форма вважається «батьком» по відношенню до всіх елементом, поміщеним між тегами. Наприклад: Тут всередину форми поміщено текстове поле і кнопка відправки введеного значення. Форма приписана до класу з ім`ям HideForm, тому щоб приховати і поле введення і кнопку, треба змінити CSS-інструкцію так: form.HideForm {display: none;}
5
Помістіть підготовлений за зразком, наведеним вище, код в заголовну частину веб-документа (між тегами і ). Щоб повідомити браузеру відвідувача, що це CSS-код, його треба укласти між відкриває і закриває HTML-тегами style:
Поділися в соціальних мережах:
Схожі
- Як змінити колір шрифту html
- Як змінити колір гіперпосилання
- Як змінити фон сайту
- Як змінити колір заголовків
- Як передати значення
- Як зробити кнопку неактивній
- Як намалювати кнопку
- Як відправити дані форми
- Як задати ширину таблиці
- Як на сайт поставити новини
- Як прибрати рамку посилання
- Як зробити html форму
- Як зробити нерухомий фон
- Як прибрати панель швидкого запуску
- Як розташувати таблицю
- Як зафіксувати фон
- Як в word розлінованих лист
- Як зняти виділення на робочому столі
- Які команди є в css
- Як задати колір фону
- Як зробити форму замовлення для сайту