49 of 133 menu

select Etiketi

select etiketi, HTML formlarında kullanılmak üzere bir açılır liste oluşturur.

Listedeki her bir öğe, option etiketinin içinde bulunmalıdır.

Nitelikler

Nitelik Açıklama
multiple Bu niteliğin varlığı, çoklu seçim oluşturur - Ctrl tuşunu basılı tutarak veya fare ile seçerek birden fazla öğenin seçilebildiği bir açılır liste.
İsteğe bağlı nitelik.
name Açılır listenin adı. PHP'de giriş alanının verilerine erişmek için gereklidir. Formun doğru çalışması için, giriş alanlarının isimleri birbirleriyle (aynı form içinde) çakışmamalıdır. Eğer çakışırsa - PHP'ye HTML kodunda daha aşağıda olan giriş alanının verileri gelir.

Örnek

Bir açılır listenin nasıl çalıştığına bakalım:

<select> <option>City1</option> <option>City2</option> <option>City3</option> <option>City4</option> </select>

:

Örnek

Açılır listenin genişliğini, en büyük öğenin genişliğine eşit yapalım (eğer width CSS özelliği kullanılarak açıkça belirtilmezse):

<select> <option>Big City1</option> <option>City2</option> <option>City3</option> <option>City4</option> </select>

:

Örnek . Varsayılan Seçim

Şimdi de varsayılan olarak bir şehri seçmeyi deneyelim. Bunu selected niteliği ile yapalım:

<select> <option>Big City1</option> <option selected>City2</option> <option>City3</option> <option>City4</option> </select>

:

Örnek . Çoklu Seçim

Şimdi multiple niteliği ile normal bir select'i çoklu seçime dönüştürelim:

<select multiple name="city[]"> <option>City1</option> <option>City2</option> <option>City3</option> <option>City4</option> </select>

:

name niteliğinde belirtilen select adının sonunda köşeli parantezler olduğuna dikkat edin. Bu, PHP'ye seçilen tüm değerlerin gelmesi için gereklidir (aksi takdirde sadece bir tane - sonuncusu gelir).

Örnek . Çoklu Seçimde Birden Fazla Varsayılan Değer

Şimdi, çoklu seçimde varsayılan olarak birden fazla değer seçmeyi deneyelim:

<select multiple name="city[]"> <option>City1</option> <option selected>City2</option> <option>City3</option> <option selected>City4</option> </select>

:

Ayrıca Bakınız

  • Varsayılan olarak seçili liste öğesini belirten selected niteliği
  • Liste öğelerini gruplandıran optgroup etiketi
  • Bir açılır liste oluşturan datalist etiketi
nlbnsvenby