Как рассчитать ширину входного HTML-элемента, чтобы он соответствовал размеру его содержимого?

Как рассчитать ширину элемента ввода HTML, чтобы он его содержание? Я уже обновляю ввод на лету по мере того, как пользователь вводит:

<input type='text' onkeydown='this.size=this.value.length' />

Однако это не кажется полностью правильным, поскольку не учитывает тот факт, что некоторые символы длиннее других:

  • Я буду получать все больше и больше пробел, если я наберу только несколько символов "l"
  • размер будет недостаточным, если я наберу только несколько символов "w"

Что делать?

PS: Почему я хочу это сделать (уже ответил на это в ответе, который был удален)? У меня есть предложения, в которых я должен заменить содержимое скобок входными данными (например: [пользователю] [лет]). Я понятия не имею, каким может быть предложение, поэтому я не знаю подходящей длины для входных данных, и я хотел бы сохранить его читабельным в одной строке (избегая слишком большого количества пробелов).

8
задан JB Hurteaux 31 May 2012 в 13:38
поделиться