tutoriais mais recente desenvolvimento web
 

HTML <input> width Attribute

<HTML <input> tag

Exemplo

Definir uma imagem como o botão enviar, com height e width atributos:

<form action="demo_form.asp">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">
</form>
Tente você mesmo "

Definição e Uso

A width atributo especifica a largura do <input> elemento.

Nota: A width atributo é usado somente com <input type="image"> .

Dica: Sempre especificar a height e width atributos para imagens.Se a altura e a largura estiverem definidos, o espaço requerido para a imagem é reservado quando a página é carregada. No entanto, sem estes atributos, o navegador não sabe o tamanho da imagem, e não pode reservar o espaço apropriado para ele. O efeito será que o layout da página vai mudar durante o carregamento (enquanto as imagens carregar).


Suporte a navegadores

Os números na tabela especificar a primeira versão do browser que suporta totalmente o atributo.

Atributo
width 1.0 sim 16,0 sim 1.0

Diferenças entre HTML 4.01 e HTML5

A width atributo é novo para o <input> tag no HTML5.


Sintaxe

<input width="pixels">

Os valores dos atributos

Valor Descrição
pixels A largura em pixels (por exemplo, width="100" )

<HTML <input> tag