HTML <input> width eigenschap

HTML <input> tag

Definitie en gebruik

width De eigenschap definieert de breedte van het <input>-element.

Let op:width De eigenschap is alleen van toepassing op <input type="image"> Gebruik samen.

Tip:Het opgeven van hoogte en breedte voor een afbeelding is een goede gewoonte. Als deze eigenschappen zijn ingesteld, wordt er tijdens het laden van de pagina ruimte gereserveerd voor de afbeelding. Als deze eigenschappen niet zijn ingesteld, kan de browser de maat van de afbeelding niet vaststellen en kan er geen geschikte ruimte worden gereserveerd. In het geval dat de pagina en de afbeelding laden, kan de lay-out van de pagina veranderen.

Voorbeeld

Definieer een afbeelding als submit-knop met de eigenschappen height en width:

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

Try it yourself

Syntax

<input width="pixels">

Attribute value

Value Description
pixels Specifies the width of the <input> element in pixels (for example, height="100").

Browser support

The numbers in the table indicate the first browser version to fully support this attribute.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support 16.0 Support Support

Note:width The attribute is a new attribute of the <input> tag in HTML5.

HTML <input> tag