Атрибут HTML: size

Атрибут size определяет ширину элемента <input> и высоту элемента <select>. Для элемента input, он определяет количество символов, которые пользовательский агент позволяет пользователю видеть при редактировании значения. Для элемента select, он определяет количество опций, которые должны быть отображены пользователю. Это должно быть действительное неотрицательное целое число, большее нуля.

Если атрибут size не указан или указано некорректное значение, у поля ввода нет заданной ширины, и элемент управления формой будет иметь ширину по умолчанию, заданную пользовательским агентом. Если CSS воздействует на элемент с свойствами, влияющими на ширину, CSS имеет приоритет.

Атрибут size не влияет на проверку ограничений.

Добавление size к некоторым типам полей ввода позволяет управлять шириной поля ввода. Добавление атрибута size к элементу select изменяет высоту, определяя, сколько опций отображается в закрытом состоянии.

<label for="fruit">Enter a fruit</label>
<input type="text" size="15" id="fruit" />
<label for="vegetable">Enter a vegetable</label>
<input type="text" id="vegetable" />

<select name="fruits" size="5">
  <option>banana</option>
  <option>cherry</option>
  <option>strawberry</option>
  <option>durian</option>
  <option>blueberry</option>
</select>

<select name="vegetables" size="5">
  <option>carrot</option>
  <option>cucumber</option>
  <option>cauliflower</option>
  <option>celery</option>
  <option>collard greens</option>
</select>

• maxlength
• minlength
• pattern