Manual de referência HTML

大全 de etiquetas HTML

HTML: <input> propriedade width

A propriedade width do HTML input define a largura do elemento <input>, a propriedade width só se aplica ao <input type="image">, se height e width forem definidos, o espaço necessário para carregar a imagem será mantido ao carregar a página.

　HTML <input> tag

Exemplo online

Define a imagem como botão de envio, o tamanho das propriedades height e width é45Pixels:

Exemplo

<!DOCTYPE html>
<html>
<head>
<title>HTML: <input> propriedade width　-　Base Tutorial Site(oldtoolbag.com)</title>
<body>
<form action="action_page.php">
　　Primeiro nome: <input type="text" name="fname"><br>
　　Último nome: <input type="text" name="lname"><br>
　　<input type="image" src="img_submit.gif" alt="Submit" width="45"height="45">
</form>
</body>
</html>

Teste e veja ‹/›

Compatibilidade de navegador

IEFirefoxOperaChromeSafari

Todos os navegadores populares suportam a propriedade width.

Definição e uso

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

Atenção:A propriedade width é aplicável apenas ao <input type="image">.

Dica:Sempre deve-se especificar tanto a height quanto a largura da imagem em pixels. Se especificadas, essas propriedades garantem que seja reservado o espaço necessário para a imagem ao carregar a página. No entanto, se essas propriedades não forem especificadas, o navegador não saberá o tamanho da imagem e não será capaz de reservar o espaço apropriado. O efeito é que o layout da página mudará durante o carregamento (ao carregar a imagem).

HTML 4.01 e HTML5diferenças entre

A propriedade width é do HTML5 Nova propriedade do tag <input> no HTML.

Sintaxe

<input width="pixels">

Valor do atributo

Valor	Descrição
pixels	Largura em pixels (por exemplo, width="100"）。

　HTML <input> tag

HTML: <template> tag