Атрибути html5: reversed, contenteditable, hidden.
Відео: HTML форми - поля для введення дати і часу
Всім привіт. У цій невеликій статті ми розберемо ще деякі нові атрибути, які з`явилися в html5, а саме: reversed, contenteditable і hidden.
Reversed
Цей атрибут застосовується до нумерованим списками, і він просто змінює їх порядок. Розглянемо на прикладі.
Відео: Навчися HTML # 16: інлайн стилі і атрибут style
reversedgt;
item1
item2
item3
item4
item5
В результаті виконання даного коду нумерація буде йти не по наростаючій (1,2,3 ...), а в порядку спадання (5,4,3 ...)
Contenteditable
Даний атрибут дозволяє змінювати вміст прямо на сторінці. Створимо блок і застосуємо до нього наш новий атрибут.
contenteditablegt;
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Тепер, клікнувши по будь-якого місця блоку, ви побачите рамку, яка означає, що ви можете редагувати вміст блоку. Наприклад, стерти частину тексту. Це дуже зручно використовувати в адмін панелі.
Hidden
Останній новий атрибут, який ми розберемо в цій статті - hidden. За назвою нескладно догааться, що він робить. Даний атрибут просто приховує будь-який елемент на сторінці, до якого він буде застосований. Давайте, наприклад, можна застосувати його до нашого блоку.
contenteditablehiddengt;
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Якийсь текст ...
Я не випадково додав сюди ще й параграф. Зроблено це для того, щоб показати вам, що елемент з атрибутом hidden повністю зникає зі сторінки і більше не займає місця взагалі. У нашому випадку на його місці буде параграф.
На цьому все. Побачимося в наступних статтях.
- Як створити "вислизати" меню на css.
- Як зробити аккордіон на чистому css3.
- Як притиснути футер до нижньої межі сторінки (позиціонування).
- Навіщо потрібно властивість page-break-inside.
- Як використовувати google fonts api.
- Як притиснути футер до низу сторінки (табличний спосіб).
- Навіщо потрібен псевдоклас target в css3.
- Як зробити гарний список, що випадає на jquery.
- Як візуалізувати дані на jаvascript.
- Команда attrib
- Вивчаємо sass. Встановлення та налаштування.
- Красиві таби на jquery.
- Багатоколоночних текст на css3.
- Мова розмітки markdown.
- Робота з аудіо в html5.
- Тіні для тексту і блоків.
- Плагін emmet для sublime text.
- Коментарі у вигляді бульбашки.
- Атрибут data- * в html5.
- Html 5 атрибути для роботи з полями форми.
- Атрибут html5 - read only.