Atributo height do HTML <input>

Etiqueta <input> HTML

Definição e uso

Altura O atributo define a altura do elemento <input>.

Atenção:Altura Os atributos são aplicáveis apenas a <input type="image"> Usados juntos.

Dica:É uma boa prática especificar a altura e largura da imagem. Se esses atributos forem definidos, o espaço necessário será reservado na página ao carregar. Sem esses atributos, o navegador não pode entender o tamanho da imagem e, portanto, não pode reservar um espaço apropriado. A situação é que a disposição da página muda quando a página e a imagem são carregadas.

Exemplo

Defina a imagem como botão de envio, com atributos height e width:

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

Experimente você mesmo

Sintaxe

<input height="pixels">

Valor da propriedade

Valor Descrição
pixels Define a altura do elemento <input>, em pixels (por exemplo, height="100").

Suporte do navegador

Os números na tabela indicam a versão do navegador que suporta completamente essa propriedade pela primeira vez.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte 16.0 Suporte Suporte

Notas:Altura A propriedade é uma nova propriedade do <input> no HTML5.

Etiqueta <input> HTML