Atributo height de <input> en HTML

Etiqueta <input> de HTML

Definición y uso

Altura El atributo define la altura del elemento <input>.

Atención:Altura El atributo solo se aplica a <input type="image"> Usar juntos.

Consejo:Es una buena práctica especificar la altura y anchura de una imagen. Si se establecen estos atributos, el navegador reserva el espacio necesario para la imagen cuando la página se carga. Sin estos atributos, el navegador no puede conocer el tamaño de la imagen y, por lo tanto, no puede reservar un espacio adecuado. En el caso de que la página y la imagen se carguen, la disposición de la página puede cambiar.

Ejemplo

Definir una imagen como botón de envío con las propiedades height y width:

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

Pruebe usted mismo

Sintaxis

<input height="píxeles">

Valor del atributo

Valor Descripción
píxeles Define la altura del elemento <input> en píxeles (por ejemplo, height="100").

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad por primera vez.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Compatibilidad Compatibilidad 16.0 Compatibilidad Compatibilidad

Notas:Altura El atributo es una nueva propiedad del atributo <input> en HTML5.

Etiqueta <input> de HTML