dr.Brain

doctor Brain

мир глазами веб-разработчика

html

HTML: группируем элементы управления

как сгруппировать элементы формы в HTML

dr.Brain

время чтения 1 мин.

Photo by Adrian Korte on Unsplash

Для того, чтобы пользователи не путались при заполнении веб-форм и наслаждались их визуальным представлением, существуют HTML-элементы fieldset и legend.

HTML: hidden

скрываем элемент только с помощью HTML

dr.Brain

время чтения 1 мин.

Photo by Sandhya Ratnam on Unsplash

Знаете ли вы, что можно больше не вспоминать про CSS-cвойство display: none;? Элемент можно скрыть с помощью HTML-атрибута hidden. Этот метод выглядит более элегантно и поддерживает порядок в HTML-структуре страницы.

HTML: пользовательские данные

как сохранить пользовательские данные в HTML

dr.Brain

время чтения 1 мин.

Photo by VANDER FILMS on Unsplash

Для хранения пользовательских данных в HTML-элементе существуют пользовательские атрибуты данных или data-* атрибуты.

HTML: contenteditable

делаем элемент редактируемым только с помощью HTML

dr.Brain

время чтения 1 мин.

Photo by Dipesh Ray on Unsplash

Знаете ли вы, что пользователю можно позволить редактировать контент элемента с помощью HTML-атрибута contenteditable? Такая возможность будет полезна для создателей CMS, интерактивноых блогов, опросников, текстовых редакторов. Атрибут contenteditable позволит сэкономить массу рабочего времени.

HTML: id и переменные

используем id HTML-элемента в JavaScript

dr.Brain

время чтения 1 мин.

Photo by Ishan @seefromthesky on Unsplash

Представляю один интересный и, возможно, малоизвестный факт: если у HTML-элемента есть атрибут id, его значение можно использовать, как имя глобальной переменной, в JavaScript.

Новые публикации

Далее

Категории

О нас

Frontend & Backend. Статьи, обзоры, заметки, код, уроки.