Скрыть html в input?

Question

[Игорь]

Добрый день.

Есть поле

<input type=“text” name=“something” value=“My <b>first</b> input”>

Клиент видит My <b>first</b> input

Как сделать чтоб клиент не видел html теги а вместо этого видел жирный текст, но при нажатии на input html теги отображались?
И при сохранении формы теги сохранялись.
Теги могут быть разные: span, sup, strong

Answer 1

[Владимир Проскурин]

Не советую contenteditable, очень много проблем будет с кроссбраузерностью. Вам нужно на клик по тексту прятать текст, и показывать текстовое поле, у которого в value будет содержимое блока. И по onblur у этого поля, брать это содержимое с поля и кидать обратно в блок с текстом, и прятать поле с текстом.
Пример (очень грубый, просто для демонстрации).

Answer 2

[Alex]

Нативными средствами — никак. Ищите JS библиотеки, которые будут визуально подменять стандартный input блоком в котором будет работать html