Atrybut szerokości <input> w HTML

Tag HTML <input>

Definicja i użycie

szerokość Atrybut określa szerokość elementu <input>.

Uwaga:szerokość Atrybuty dotyczą tylko <input type="image"> Używaj razem.

Uwaga:Określanie wysokości i szerokości obrazu jest dobrym nawykiem. Jeśli ustawisz te atrybuty, strona będzie rezerwować odpowiednią przestrzeń na obraz podczas ładowania. Brak tych atrybutów oznacza, że przeglądarka nie wie, jak duży jest obraz, więc nie może rezerwować odpowiedniej przestrzeni. W rezultacie, układ strony może się zmienić, gdy strona i obraz są ładowane.

Przykład

Definiuj obraz jako przycisk do wysyłania, z atrybutami height i width:

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

Spróbuj sam

Gramatyka

<input width="pixels">

Wartość atrybutu

Wartość Opis
pixels Określa szerokość elementu <input>, wyrażoną w pikselach (np. height="100").

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje ten atrybut.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Obsługa Obsługa 16.0 Obsługa Obsługa

Uwaga:szerokość Atrybut to nowa atrybut w HTML5 dla tagu <input>.

Tag HTML <input>