Будет ли я снимать себя в ногу, используя div с атрибутом contentEditable="true"
как текстовое поле, а не текстовое поле?
Каковы недостатки использования contentEditable div, а не текстового поля?
Ответ 1
Это сработало бы хорошо, но было бы немного сложнее, чем форма, просто потому, что вам придется подключить свою собственную логику, чтобы сделать кнопку щелчка мышью по правильному div, получить ее и затем выполнить представление. Преимущество текстовой области заключается в том, что браузер заботится обо всем этом для вас.
Ответ 2
Это не одно и то же. Сначала семантически, целью текстового поля является запись/редактирование простого текста, тогда как с contentEditable вы можете, например, редактировать список (см. htmldemo) Во-вторых, поведение тоже отличается. Например, в chrome, когда вы тестируете приведенную ниже ссылку и удаляете все содержимое, которое вы теряете, фокус (элемент div исчезает), который не является ожидаемым поведением, или если он идиот.