Te-g select
Te-g select HTML formalary üçin
açılýan sanawy döredýär.
Sanawyň aýratyn puntasy
te-g option içinde saklanmaly.
Atributlar
| Atribut | Düşündiriş |
|---|---|
multiple |
Bu atributyň bolmagy multi-selekti -
birnäçe puntaňy saýlap bolýan açılýan sanawy döredýär, munuň üçin
Ctrl düwmesini basyp saklamaly ýa-da olary siçan bilen bellemeli.
Hökman däl atribut. |
name |
Açılýan sanawyň ady. PHP-da girdi meýdanynyň maglumatlaryny alyp bolmak üçin zerur. Formanyň dogry işlemegi üçin girdi meýdanlarynyň adlary bir-birinden tapawutlanmaly (bir formanyň içinde). Eger olar gabat gelýän bolsa - PHP-a HTML kodunda aşakda ýerleşýän girdi meýdanynyň maglumatlary gelýär. |
Mysal
Açılýan sanawyň nähili işleýändigine seredeliň:
html<select>
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
Результат:
Mysal
Açılýan sanawyň inişini
iň uly elementiniň inişine deň edeliň (eger
ol CSS aýratynlygy
width bilen
aýdyň görkezilmedik bolsa):
html<select>
<option>Big City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
Результат:
Mysal . Bellenen saýlaw
Indi bolsa, bellenen şäheri saýlap göreliň.
Muny selected atributy arkaly edeliň:
html<select>
<option>Big City1</option>
<option selected>City2</option>
<option>City3</option>
<option>City4</option>
</select>
Результат:
Mysal . Multi-selekt
Indi bolsa, adaty selekti
multiple atributy arkaly multi-selekte öwüreliň:
html<select multiple name="city[]">
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
Результат:
name atributynda berlen selektiň adynyň,
aýrylan ýaýlaryň soňunda bolmagyna üns beriň. Bu, PHP-a
sazlanan ähli bahalaryň gelmegi üçin zerur (başgaça ýagdaýda diňe biri - iň soňky gelýär).
Mysal . Multi-selektde bellenen birnäçe baha
Indi bolsa, multi-selektde bellenen, bir ýerden köp bahany saýap göreliň:
html<select multiple name="city[]">
<option>City1</option>
<option selected>City2</option>
<option>City3</option>
<option selected>City4</option>
</select>
Результат: