HTML <input> width-egenskap

HTML <input> etikett

Definition och användning

width Egenskapen definierar bredden för <input>-elementet.

Observera:width Egenskapen gäller endast <input type="image"> Använd tillsammans.

Tips:Det är en bra vana att specificera höjd och bredd för bilder. Om dessa egenskaper är inställda, reserveras det nödvändiga utrymmet för bilden när sidan laddas. Om dessa egenskaper inte är inställda, kan webbläsaren inte känna till bildens storlek och reservera lämpligt utrymme. Situationen är att sidans layout ändras när sidan och bilden laddas.

Exempel

Definiera en bild som incheckknapp med height- och width-attributen:

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

Prova själv

Syntaks

<input width="pixels">

Egenskapsvärde

Värde Beskrivning
pixels Definition av bredden på <input>-elementet i pixlar (t.ex. height="100").

Webbläsarstöd

Numrerna i tabellen anger den första versionen av webbläsaren som helt stöder egenskapen.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd 16.0 Stöd Stöd

Kommentar:width Egenskapen är en ny egenskap för <input> etiketten i HTML5.

HTML <input> etikett