Ширина поля ввода HTML (относится к JavaScript)

#javascript #html

#javascript #HTML

Вопрос:

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

Мне просто нужно представление о том, как решить проблему переменной ширины на основе входных символов. Предложения?

Спасибо!

Ответ №1:

Это тривиально.

 <input type="text" style="width: 25px;"
               onKeyUp="this.style.width = Math.max(25,this.value.length*10) 'px';" />
  

Комментарии:

1. черт возьми. быстрые ответчики 🙂