Atribut lebar <input> HTML

Tanda <input> HTML

Definisi dan penggunaan

width Atribut menentukan lebar elemen <input>.

Perhatian:width Atribut hanya berlaku untuk <input type="image"> Gunakan bersamaan.

Petunjuk:Mengatur tinggi dan lebar gambar adalah kebiasaan yang baik. Jika atribut ini disetel, halaman akan menempatkan ruang yang dibutuhkan saat halaman dimuat. Jika atribut ini tidak disetel, peramban tidak akan mengetahui ukuran gambar, sehingga tidak dapat menempatkan ruang yang sesuai. Kondisi ini adalah saat halaman dan gambar dimuat, tata letak halaman akan berubah.

Contoh

Definisi gambar sebagai tombol sumbangan, dengan atribut height dan width:

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

Coba sendiri

Syarat

<input width="pixels">

Nilai atribut

Nilai Deskripsi
pixels Tentukan lebar elemen <input> dalam satuan piksel (contoh height="100").

Dukungan browser

Angka di tabel menunjukkan versi browser yang pertama yang mendukung atribut ini penuh.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan 16.0 Dukungan Dukungan

Keterangan:width Atribut adalah atribut baru <input> di HTML5.

Tanda <input> HTML