Як: приховане поле вибору в HTML

Щоб залишатися продуктивним, потрібно залишатися наполегливим

Авторство зображення: PeopleImages/E+/GettyImages

Поле вибору HTML — це елемент веб-сторінки, який дає змогу вибирати з низки параметрів. Зазвичай воно представлено у вигляді спадного меню. Можна приховати поле вибору або інший елемент веб-сторінки за допомогою HTML або мови стилів CSS. Інші варіанти включають програмне приховування елементів за допомогою JavaScript або налаштування прихованих вводів у HTML, які за більшості обставин не відображаються на веб-сторінці.

Приховайте поле вибору, додавши до нього параметри стилю за допомогою HTML і CSS, щоб зробити його невидимим. Два основних способи зробити це за допомогою CSS і HTML для приховування елемента — це атрибут стилю видимості та атрибут стилю відображення.

Відео дня

Коли ви встановлюєте видимість елемента як приховану, елемент не відображається на веб-сторінці, але все одно займає місце, як ніби він там був. За замовчуванням для видимості встановлено значення «видимий», і об’єкт відображається нормально.

Якщо ви віддаєте перевагу, щоб елемент не займав жодного місця на сторінці, щоб веб-сайт відображався так, ніби елемента взагалі не було в HTML-коді, замість цього використовуйте атрибут display. Щоб зробити об’єкт невидимим, установіть відображення на «none».

Або зробіть це в атрибуті style на об’єкті, наприклад. Приховані введення іноді використовуються для полів форми, створених на основі введення користувача, або для рандомізованих кодів безпеки, які використовуються для перевірки того, що користувач використовує фактичну версію форми, завантаженої з веб-сайту.

Оскільки користувачі можуть отримати доступ до вмісту прихованих введених даних за допомогою JavaScript, читаючи вихідний код сторінки або моніторингу мережевого трафіку, вони не повинні використовуватися для інформації, яка повинна бути прихована від кінця користувачів.