с переносом строки

Question

Я хотел бы отобразить ввод текста, но он должен сломаться, если текст слишком длинный.Но пользователь не должен иметь возможность вставлять новые строки сам по себе. Причина в том, что я всегда хочу, чтобы все его значения были видны.

Я думаю, что не существует решения с CSS, которое было бы лучшим,поэтому я решил заменить все элементы ввода на элементы textarea и автоматически настроить его высоту.Чтобы предотвратить несколько строк, я просто заменяю их.

Я сделал это с этим кодом, но особенно та часть, где я беру все атрибуты ввода, чтобы передать их в texarea, кажется мне неудобной.

Знаете ли вы какие-либо улучшения?

Answer 1

Я бы соблазнился использовать <textarea> и добавить js w / jQuery для возврата false, если нажатие клавиши было «enter». Я думаю, что это немного легче. Э.Г.

$('textarea').keypress(function(evt){
  if (evt.keyCode == 13) { return false; }
});

По общему признанию, это не защищает от ошибок, но вы можете добавить код для очистки содержимого текстовой области при изменении его значения.