dr.Brain

doctor Brain

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

html

HTML: draggable

drag-and-drop с помощью HTML

dr.Brain

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

Photo by Willian Cittadin on Unsplash

Атрибут draggable позволяет пертаскивать HTML-элемент. Это очевидный и несложный метод реализации интерактивных возможностей без обращения к внешним библиотекам.

HTML: details и summary

создаем аккордеон только с помощью HTML

dr.Brain

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

Photo by Mario Rodriguez on Unsplash

Для того, чтобы создать аккордеон (контент, который можно “развернуть” и “свернуть”) необязательно использовать CSS и JavaScript. Для быстрого и эффективного решения этой задачи отлично подойдут HTML-элементы details и summary.

HTML: inputmode

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

dr.Brain

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

Photo by Celine Ylmz on Unsplash

Не стоит забывать, что жизнь пользователей, заполняющих поля данных веб-форм с мобильных устройств, можно значительно облегчить, указав раскладку виртуальной клавиатуры с помощью атрибута inputmode.

HTML: проверка орфографии

проверяем орфографию с помощью HTML

dr.Brain

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

Photo by Anthony on Unsplash

Хотите уменьшить количество опечаток и ошибок, совершаемых пользователями при взаимодействии с сайтом? Именно для этих целей существует атрибут spellcheck, который включает проверку содержимого элемента на наличие орфографических ошибок.

HTML: download

скачиваем файлы с помощью атрибута download в HTML

dr.Brain

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

Photo by Art Wall - Kittenprint on Unsplash

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

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

Далее

Категории

О нас

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