Это старая версия документа!
Содержание
HTML глобальный атрибут: contenteditable (редактируемый контент)
Глобальный атрибут contenteditable это перечисляемый атрибут, указывающий, должен ли пользователь редактировать элемент. Если это так, браузер модифицирует свой виджет, чтобы разрешить редактирование.contenteditable
Можно удалять текст и вводить новый. Также работают стандартные команды вроде отмены, вставки текста из буфера и др.
Интерактивный пример
Использование
Примечание
Хотя допустимые значения включают trueи false, этот атрибут является перечислимым, а не логическим .
Синтаксис
contenteditable="true | false"
<h1 contenteditable="false">Редактирование запрещено</h1>
<p contenteditable="true">Редактирование разрешено</p>
Значения атрибута
- true или пустая строка- Включает режим редактирования.
- false - Запрещает редактирование элемента.
- plaintext-only, что указывает на то, что необработанный текст элемента доступен для редактирования, но форматирование расширенного текста отключено.
Вместо true допустимо указывать пустое значение (contenteditable=«») или вообще его не писать (contenteditable).
Значение по умолчанию: По умолчанию наследует значение родителя.
Если этот атрибут отсутствует или его значение недопустимо, его значение наследуется от родительского элемента: поэтому элемент доступен для редактирования, если его родительский элемент доступен для редактирования.
Применяется к тегам
<a>, <abbr>, <address>, <area>, <b>, <basefont>, <bdo>, <blockquote>, <body>, <button>, <caption>, <cite>, <code>, <col>, <colgroup>, <dd>, <del>, <dfn>, <dir>, <div>, <dl>, <dt>, <em>, <fieldset>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <i>, <iframe>, <input>, <ins>, <kbd>, <label>, <legend>, <li>, <menu>, <ol>, <option>, <p>, <pre>, <q>, <samp>, <select>, <span>, <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <tr>, <ul>, <var>
Доступность
Автоматическая фокусировка элемента управления формой может сбить с толку людей с нарушениями зрения, использующих технологию чтения с экрана, и людей с когнитивными нарушениями. Если autofocus
присвоено значение, программы чтения с экрана «телепортируют» пользователя в элемент управления формы, не предупреждая его заранее.
При применении атрибута уделяйте особое внимание доступности autofocus
. Автоматическая фокусировка на элементе управления может привести к прокрутке страницы при загрузке. Фокус также может привести к отображению динамической клавиатуры на некоторых сенсорных устройствах. В то время как программа чтения с экрана объявляет метку элемента управления формой, получающего фокус, программа чтения с экрана ничего не объявляет перед меткой, и зрячий пользователь на небольшом устройстве в равной степени пропустит контекст, созданный предыдущим содержимым.