HTML <input> width özelliği

HTML <input> etiketi

Tanım ve Kullanım

width Özellik, <input> ögesinin genişliğini belirler.

Dikkat:width Özellikler sadece <input type="image"> Birlikte kullanılır.

İpucu:Görsel için yükseklik ve genişlik belirtmek alışkanlığı bir iyidir. Bu özellikler ayarlandığında, sayfa yüklenirken gerekli alan ayrılır. Aksi takdirde, tarayıcı görselin boyutunu bilmez ve uygun alan ayıramaz. Bu durum, sayfa ve görsel yüklendiğinde sayfa düzeninde değişiklikler olduğunda ortaya çıkar.

Örnek

Görseli, height ve width özellikleri ile tanımlayarak sunma:

<form action="/action_page.php">
  <label for="fname">İsim:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Soyadı:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="image" src="img_submit.gif" alt="Gönder" width="48" height="48">
</form>

Kişisel olarak deneyin

Sözdizimi

<input width="pixels">

Özellik Değeri

Değer Açıklama
pixels <input> ögesinin genişliğini piksel cinsinden belirtir (örneğin height="100").

Tarayıcı Desteği

Tablodaki numaralar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Desteklenen Desteklenen 16.0 Desteklenen Desteklenen

Açıklama:width Özellik, HTML5'teki <input> etiketinin yeni özelliğidir.

HTML <input> etiketi