Atributo width do HTML <input>

Tag HTML <input>

Definição e uso

largura O atributo define a largura do elemento <input>.

Atenção:largura Os atributos se aplicam apenas a <input type="image"> Usados juntos.

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

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="Enviar" width="48" height="48">
</form>

Experimente você mesmo

Sintaxe

<input width="pixels">

Valor do atributo

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

Suporte do navegador

Os números na tabela indicam a versão do navegador que suportou primeiramente esse atributo.

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

Nota:largura O atributo é uma nova propriedade do <input> no HTML5.

Tag HTML <input>