Изменения Введите поведение события

Question

Я пытаюсь применить заполнитель на р и сОн tag.using следующего кода

HTML

<div id="test" placeholder="Start writing here..."></div> 

CSS

#test:empty:after { 
    content: attr(placeholder); 
} 

Теперь в режиме редактирования, когда я пишу что-то в теге div, а затем нажмите «enter», в то время он будет создавать тег div с атрибутом в chrome (поэтому вместо места он печатает «начните писать здесь ..», bcz тот же тег создан), в firefox он только создает "br" t ag вместо того же тега. Итак, что такое решение этого и использующее то, что он не создает один и тот же тег agian, и он создает только тег br.

Answer 1

Так что, если я получу вас правильно, вам нужна область (ваш <div id="test" ...>), где вы можете ввести текст. Затем вы хотите закрепить строку (Start writing here...) для этой области. Что вы хотите сделать с введенным текстом? Думаю, рано или поздно вы захотите отправить на сервер текст !? Так что насчет form элемента и

<textarea placeholder="Start writing here..."></textarea> 

Here у вас есть w3c спецификации. Использование стандартных HTML-элементов предоставит вам множество преимуществ, сформирует доступность к юзабилити, от поддержки браузера до производительности.