Atributo de largura HTML <input>
Exemplo
Defina uma imagem como o botão de envio, com atributos de altura e largura:
<form action="/action_page.php">
<label for="fname">First name:</label>
<input type="text" id="fname"
name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">
</form>
Definição e uso
O widthatributo especifica a largura do <input>elemento.
Nota: O widthatributo é usado apenas com
<input type="image">.
Dica: Sempre especifique os
atributos heighte para imagens.
widthSe a altura e a largura forem definidas, o espaço necessário para a imagem será reservado quando a página for carregada. No entanto, sem esses atributos, o navegador não sabe o tamanho da imagem e não pode reservar o espaço apropriado para ela. O efeito será que o layout da página mudará durante o carregamento (enquanto as imagens são carregadas).
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que suporta totalmente o atributo.
| Attribute | |||||
|---|---|---|---|---|---|
| width | Yes | Yes | 16.0 | Yes | Yes |
Sintaxe
<input width="pixels">
Valores de atributo
| Value | Description |
|---|---|
| pixels | The width in pixels (e.g. width="100") |
❮ Tag HTML <input>