тэги в input-е
 

Ситуация следующая.
Имеется:

<input class="input_lose_focus" id="search" type="text" autocomplete="off"/>

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

Аспирин<sup>®</sup>

При выводе отобранного списка результатов, текст выводится без тегов уже отформатированный. Но при выборе элемента, в inpute лежит текст не форматированный с тэгами.
Внешний вид это ужасно портит, можно как-то это исправить? К сожалению не нашёл решений как выводить тэги в инпуте. Вообще было бы идеально, чтобы внешне отображалось форматированно, а при обработке дальнейшей данных из инпута (для выборки из базы или чего-то ещё) текст передавался с тэгами.

Теговое форматирование не отобразится в инпуте. Как вариант можно воспользоваться свойством contenteditable в каком-нибудь диве и добавить стилизацию под инпут.

можно подробнее про contenteditable в двух словах или где посмотреть, чтобы не серфить по инэту?
И ещё варианты есть? Видел как кто-то делал выделение цветом текста и например первой заглавной буквы другим цветом.
Может быть какое-то не стандартное решение?

<div id="mytext" contenteditable="true">
а там всего два слова-контейнер с редактируем содержимым. все свойства и особенности контейнеров сохраняются
а лень батенька к ничему хорошему не приведёт:yes: