Загальний html атрибут 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>

Синтаксис

<p contenteditable="true">CSS.IN.UA</p>

Атрибут contenteditable може отримувати 2 значення :

true: Дозволяє редагування елемента.
false: Забороняє редагування елемента.

Переглядач
	4+	4+	4+	9.2+	12+	6+

Переглядач
	3+	4+	4+	4+

Мобільних переглядачів ще не додано.

Приклади

Приклад 1

Приклад викорстання атрибуту contenteditable




  See the Pen 


  global.contenteditable_css_in_ua1 by css.in.ua (@css_in_ua)


  on CodePen.

Різниця між HTML 4.01 та HTML5

Немає жодної різниці.

Різниця між XHTML та HTML