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

HTML <input> тег

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

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

Внимание:height Атрибуты применяются только к <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="Submit" width="48" height="48">
</form>

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

Синтаксис

<input height="pixels">

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

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

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

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

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

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

HTML <input> тег