Как растянуть input (type=text) согласно количеству символов?

Question

[Totem]

Есть поле

<input type="text" value="Тут текст случайной длины" readonly>

, каждый раз там будет исключительное количество символов (то есть каждый раз будет разная длина текста, ее точно можно уместить в 400-600px).

Как можно растянуть input согласно введенному тексту, чтобы он весь отображался? Если поставить (в CSS) width: 100%, то оно улетает на след. строку, а мне надо чтобы еще слева был текст, за пробел до начала случайного текста в input.

Comments

[wadowad]

По сути тут два вопроса.

1. Как сделать изменение ширины input по кол-ву введённого текста?

2. Как сделать чтобы label и input были в одну строку?

Первый вопрос решается средствами js. Второй вопрос решается с помощью css (и возможно дополнительной разметки).

Answer 1

[Edward Gricc]

Для многострочного ввода используется тег textarea. подумайте в этом направлении. если всё не нашли решение.