tutorial pengembangan web terbaru
 

HTML <input> width Attribute

<HTML <input> tag

Contoh

Tentukan gambar sebagai tombol submit, dengan height dan width atribut:

<form action="demo_form.asp">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">
</form>
Cobalah sendiri "

Definisi dan Penggunaan

The width atribut menentukan lebar <input> elemen.

Catatan: width atribut digunakan hanya dengan <input type="image"> .

Tip: Selalu menentukan baik height dan width atribut untuk gambar.Jika tinggi dan lebar diatur, ruang yang diperlukan untuk gambar dicadangkan saat halaman dibuka. Namun, tanpa atribut-atribut ini, browser tidak tahu ukuran gambar, dan tidak dapat memesan ruang yang tepat untuk itu. Efeknya akan bahwa tata letak halaman akan berubah selama pemuatan (sementara gambar memuat).


Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung atribut.

Atribut
width 1.0 iya nih 16.0 iya nih 1.0

Perbedaan Antara HTML 4.01 dan HTML5

The width atribut baru untuk <input> tag di HTML5.


Sintaksis

<input width="pixels">

atribut Nilai

Nilai Deskripsi
pixels Lebar dalam piksel (misalnya width="100" )

<HTML <input> tag