Атрибут width в HTML <input>

HTML <input> тег

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

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

Внимание:ширина Атрибуты применяются только к <input type="image"> Используйте вместе.

Совет:Указание высоты и ширины изображения — хорошая практика. Если установлены эти атрибуты, при загрузке страницы будет резервируется необходимое пространство для изображения. Если этих атрибутов нет, браузер не сможет понять размер изображения и не сможет резервировать подходящее пространство. В случае, когда страница и изображение загружаются, структура страницы может измениться.

Пример

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

<form action="/action_page.php">
  <label for="fname">名字：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Фамилия：</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="image" src="img_submit.gif" alt="подтвердить" width="48" height="48">
</form>

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

Синтаксис

<input width="пиксели">

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

Значение Описание
пиксели Определяет ширину элемента <input>, измеряемую в пикселях (например, height="100").

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка 16.0 Поддержка Поддержка

Примечание:ширина Атрибут - это новый атрибут <input> в HTML5.

HTML <input> тег