Атрибути html5: reversed, contenteditable, hidden.

Атрибути 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 ...)

атрибут reversed

Contenteditable




Даний атрибут дозволяє змінювати вміст прямо на сторінці. Створимо блок і застосуємо до нього наш новий атрибут.

contenteditablegt;
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet

атрибут contenteditable




Тепер, клікнувши по будь-якого місця блоку, ви побачите рамку, яка означає, що ви можете редагувати вміст блоку. Наприклад, стерти частину тексту. Це дуже зручно використовувати в адмін панелі.

Hidden

Останній новий атрибут, який ми розберемо в цій статті - hidden. За назвою нескладно догааться, що він робить. Даний атрибут просто приховує будь-який елемент на сторінці, до якого він буде застосований. Давайте, наприклад, можна застосувати його до нашого блоку.

contenteditablehiddengt;
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet

Якийсь текст ...

Я не випадково додав сюди ще й параграф. Зроблено це для того, щоб показати вам, що елемент з атрибутом hidden повністю зникає зі сторінки і більше не займає місця взагалі. У нашому випадку на його місці буде параграф.

атрибут hidden

На цьому все. Побачимося в наступних статтях.

Поділися в соціальних мережах:

Схожі
Як використовувати google fonts api.Як використовувати google fonts api.
Вивчаємо sass. Встановлення та налаштування.Вивчаємо sass. Встановлення та налаштування.
Атрибут data- * в html5.Атрибут data- * в html5.
Коментарі у вигляді бульбашки.Коментарі у вигляді бульбашки.
Багатоколоночних текст на css3.Багатоколоночних текст на css3.
Навіщо потрібен псевдоклас target в css3.Навіщо потрібен псевдоклас target в css3.
Тіні для тексту і блоків.Тіні для тексту і блоків.
Робота з аудіо в html5.Робота з аудіо в html5.
Як притиснути футер до низу сторінки (табличний спосіб).Як притиснути футер до низу сторінки (табличний спосіб).
Як зробити гарний список, що випадає на jquery.Як зробити гарний список, що випадає на jquery.
» » Атрибути html5: reversed, contenteditable, hidden.