Atribut lebar <input> HTML
Contoh
Tentukan gambar sebagai tombol kirim, dengan atribut tinggi dan lebar:
<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>
Definisi dan Penggunaan
Atribut widthmenentukan lebar <input>elemen.
Catatan: Atribut widthhanya digunakan dengan
<input type="image">.
Tip: Selalu tentukan
atribut heightdan untuk gambar.
widthJika tinggi dan lebar diatur, ruang yang diperlukan untuk gambar dicadangkan saat halaman dimuat. Namun, tanpa atribut ini, browser tidak mengetahui ukuran gambar, dan tidak dapat memesan ruang yang sesuai untuk itu. Efeknya adalah tata letak halaman akan berubah selama pemuatan (saat gambar dimuat).
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung atribut tersebut.
| Attribute | |||||
|---|---|---|---|---|---|
| width | Yes | Yes | 16.0 | Yes | Yes |
Sintaksis
<input width="pixels">
Nilai Atribut
| Value | Description |
|---|---|
| pixels | The width in pixels (e.g. width="100") |
tag <input> HTML