Блог веб разработки

Блог веб-разработки статьи | видеообзоры | исходный код

contenteditable HTML

Доброго времени суток и сразу приступим к делу.

Допустим у нас есть такой html - код

<p>Вас зовут <span>?</span></p>
<p>Ваш возраст<span>?</span></p>

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

Для этого в html5 был введен атрибут contenteditable, который поддерживается практически всеми элементами. Если элементу установить этот атрибут и передать ему в качестве значения true, то у нас появится возможность редактирования текстового содержимого этого элемента.

Рассмотрим более подробно:

<p>Вас зовут <span contenteditable="true">?</span></p>
<p>Ваш возраст<span contenteditable="true">?</span></p>

Теперь как видите у нас появилась возможность редактирования содержимого тегов span

Но тут следует учитывать , отредактированные данные нигде не сохраняются.

Если вы хотите чтобы ваши данные сохранились после перезагрузки страницы, то можете воспользоваться cookie, локальным хранилищем или ajax. Это уже на ваше усмотрение.

Лично я данным атрибутом пользовался лишь однажды. Когда писал приложение для планирования своего распорядка. Когда мне в таблицы своего расписания нужно было внести поправки.

На этом все дорогие друзья надеюсь вы когда нибудь найдете применение этому атрибуту.

Удачи!

Оцените статью

Еще статьи

htaccess запретить доступ к директории

svg html

входные данные PHP

переменные css

JavaScript мышь

GIT Config

BeautifulSoup4 python

tabindex html

Php zip

Комментарии

Проверочный код

В данном разделе пока нет комментариев!

История

    ПОДПИСКА

    • Подпишись и получай информацию о выходе новых статей на почту! Просто введите свою почту, нажмите кнопку подписаться. На почту должно будет прийти сообщение с потверждением подписки. Если сообщение не пришло проверьте раздел спам или попробуйте другую почту. Также по всем техническим проблемам вы можете написать в поддержку

    НОВОСТИ

    • Всем привет! Запустил новый сервис для поиска и бесплатного скачивания, прослушивания аудиокниг. Здесь вы можете найти множество литературы и прослушать ее. Вскоре возобновлю написание статей.