Атрибут ширины HTML <input>

❮ HTML-тег <input>

Пример

Определите изображение как кнопку отправки с атрибутами высоты и ширины:

<form action="/action_page.php">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">
</form>

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

Атрибут widthопределяет ширину <input>элемента.

Примечание. Этот widthатрибут используется только с <input type="image">.

Совет. Всегда указывайте атрибуты heightи для изображений. widthЕсли установлены высота и ширина, пространство, необходимое для изображения, резервируется при загрузке страницы. Однако без этих атрибутов браузер не знает размер изображения и не может выделить для него соответствующее пространство. Эффект будет заключаться в том, что макет страницы изменится во время загрузки (пока загружаются изображения).


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

Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Attribute
width Yes Yes 16.0 Yes Yes

Синтаксис

<input width="pixels">

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

Value Description
pixels The width in pixels (e.g. width="100")

❮ HTML-тег <input>