Как сделать auto width для поля input?

Нужно чтобы поле input автоматически подстраивало width в зависимости от количества текста. Такое возможно?)
  • Вопрос задан
  • 27489 просмотров
Пригласить эксперта
Ответы на вопрос 3
premas
@premas
Full-stack web-developer
В одну строку и без зависимостей это делается так:
<input type="text" onkeydown="this.style.width = ((this.value.length + 1) * 8) + 'px';">
Ответ написан
teotlu
@teotlu
Навёрстываю упущенное
Вот вам быстренько решение на jQuery (он и так на большинстве сайтов используется). На нативный js, в общем-то, очень легко переделать, если нужно.
Через css можно задать минимальную, максимальную и начальную ширину у input.
Учтено, что может быть разный размер шрифта и расстояние между буквами.
Ответ написан
@Kanasimy
на нативном js решение, для любого количества input
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы