HTML Атрибут <input> size

Пример

Форма HTML с двумя полями ввода с шириной 35 и 4 символа:

<form action="http://xhtml.co.il/tryit/html/form_action.php" method="get">
  Имейл: <input type="text" name="email" size="35" /><br />
  PIN: <input type="text" name="pin" maxlength="4" size="4" /><br />
  <input type="submit" value="Отправить" />
</form>

Результат выполнения кода выше:

Попробуйте сами

Определение и использование

Атрибут size определяет ширину поля ввода.

Для <input type="text"> и <input type="password">, атрибут size определяет количество символов, которые видимы. Для всех других типов ввода, size определяет ширину поля ввода в пикселях.

Поддержка браузеров

атрибут size поддерживается во всех ведущих браузерах

Примечания совместивости

Поскольку атрибут size является атрибутом визуального дизайна, рекомендуется использовать вместо этого CSS.

Синтакс CSS: <input style="width:100px" />

В нашем учебнике CSS вы можете найти более подробную информацию о свойстве width.

Пример 1

Пример CSS: Определяет ширину поля ввода:

<form action="http://xhtml.co.il/tryit/html/form_action.php" method="get">
  Имейл: <input name="email" style="width: 150px;" type="text"><br>

  PIN: <input name="pin" maxlength="4" style="width: 50px;" type="text"><br>
  <input value="Отправить" type="submit">
</form>

Результат выполнения кода выше:

Попробуйте сами

Синтаксис

<input size="value" />

Значения атрибута

Значение	Описание
символы/пиксели	Ширина элемента ввода

HTML тег <input>

Была ли эта информация полезной?

Да Нет