HTML'da <select> Formunu Boyutlandırma

nekro · 27 Mayıs 2015

Böyle bir kod yazdım, biraz daha seçenek var ama birini yazdım. Bunun uzunluğunu genişliğini nasıl ayarlayabilirim?

Kod:

<select name="city">
<option value="opt1">Ankara</option>
</select>

Asım Demir · 28 Mayıs 2015

Uzunluğu " size="X" " komutu ile ayarlayabilirsin. Örneğin;

HTML:

<select name="city" size="4">
<option value="opt1">Ankara</option>
<option value="opt2">İzmir</option>
<option value="opt3">İstanbul</option>
<option value="opt4">Antalya</option>
</select>

O anda en fazla kaç seçenek gözükmesini istiyorsan "size" kısmını ona göre yapacaksın.

Genişlik ise " style="min-width:XXXpx;" " ya da " style="min-width:XXX%;" " şeklinde yapılabilir.
Örneğin;

HTML:

<select name="city" size="4" style="min-width:200px;">
<option value="opt1">Ankara</option>
<option value="opt2">İzmir</option>
<option value="opt3">İstanbul</option>
<option value="opt4">Antalya</option>
</select>

Yüzde olanı kullanmak daha mantıklı olabilir.

Sadece genişliği sınırlandırmak istiyorsan " style="max-width:XXXpx;" " ya da " style="max-width:XXX%;" " komutunu kullanacaksın.
O da şu şekilde;

HTML:

<select name="city" size="4" style="max-width:200px;">
<option value="opt1">Ankara</option>
<option value="opt2">İzmir</option>
<option value="opt3">İstanbul</option>
<option value="opt4">Antalya</option>
</select>

nekro · 9 Haziran 2015

Bir şeyde sorayım. Textbox'ların kenarlarını nasıl oval yapabilirim? Veya rengini nasıl değiştirebilirim?

Erkan Çevik · 9 Haziran 2015

İçerisinin rengini mi değiştireceksiniz?

HTML:

.renklendir{
    background-color : #99FFCC;
    border: 1px solid #008000;
    border-radius:10px; 
}

Textbox'a class="renklendir" kodunu ekleyip renkli yapabilirsiniz. Ek olarak yanlarını da dediğiniz gibi olacaktır bu değeri "border-radius" kısmından değiştirebilirsiniz.

HTML'da <select> Formunu Boyutlandırma

Ayrıntılı düzenleme

nekro

Hectopat

Asım Demir

Technopat

nekro

Hectopat

Erkan Çevik

Kilopat

Benzer konular

Technopat Haberler

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz