установить максимальную длину в текстовом поле в соответствии с размером текста

Question

как установить максимальную длину в текстовом поле в соответствии с размером текста? Как установить размер текстового поля, не связанный с символом?

При установке максимальной длины, скажем, например, мой размер текстового поля равен 10. Но когда я набираю все 1 в текстовом поле, текстовое поле заполняется до половины. Но когда я пытаюсь установить UpperCase A, то есть 10 A, тогда текстовое поле заполняется и даже переполняется для этих 10 символов.

Как установить размер текстового поля независимо от символа?

Answer 1

Вы должны выбрать моноширинный шрифт.

Например,

<input type="text" size="10" maxlength="10" style="font-family: monospace;">

(примечание: выше - только пример; обычная практика - определять CSS в своем собственном файле .css и использовать атрибут class для ссылкиit)

Результат:

font-family: monospace выберет стандартный моноширинный шрифт браузера.Но есть и такие, как Lucida Console, Courier New и т. Д.

Answer 2

Возможно, вы имеете в виду нечто подобное?Это автоматически масштабирует поле ввода до ширины того, что вы вводите.

<input style="display:inline-block; width:10px; overflow:visible;" type="text" maxlength="10" />

Или вы можете использовать это, чтобы сделать каждый символ одинаковой ширины.

<input style="font-family: Courier New;" type="text" maxlength="10" size="10" />