Tehti select
Tehti select inaunda orodha inayotolewa
kwa matumizi katika fomu za HTML.
Kipengele cha orodha kinapaswa kuhifadhiwa katika
tehti option.
Vibali
| Kibali | Maelezo |
|---|---|
multiple |
Uwepo wa kibali hiki huunda uteuzi anuwai -
orodha inayotolewa ambayo unaweza kuchagua vipengele vingi, kwa kushikilia
kitufe cha Ctrl au kukikagua kwa kipanya.
Kibali kisicholazimisha. |
name |
Jina la orodha inayotolewa. Linahitajika ili kupata data ya uga wa kuingiza katika PHP. Kwa ajili ya kufanya kazi kwa usahihi kwa fomu, majina ya maeneo ya kuingiza hayapaswi kufanana (katika fomu moja). Ikiwa yanafanana - katika PHP data itakuja ya ule uga wa kuingiza ambao uko chini katika msimbo wa HTML. |
Mfano
Wacha tuone jinsi orodha inayotolewa inavyofanya kazi:
<select>
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Mfano
Wacha upana wa orodha inayotolewa uwe
sawa na upana wa kipengele kikubwa zaidi (ikiwa
hautatajwa wazi kwa kutumia sifa ya CSS
width):
<select>
<option>Big City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Mfano . Uchaguzi wa Kawaida
Sasa wacha tujaribu kuchagua jiji
liwalowazi. Wacha tufanye hivyo kwa kutumia kibali
selected:
<select>
<option>Big City1</option>
<option selected>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Mfano . Uteuzi Anuwai
Sasa wacha tubadilishe teuzi la kawaida kuwa
uteuzi anuwai kwa kutumia kibali multiple:
<select multiple name="city[]">
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Zingatia kwamba jina la teuzi, lililopewana katika kibali name,
lazima liwe na mabano mraba mwishoni. Hii inahitajika ili katika PHP
zote zilizochaguliwa zifike (vinginevyo kitakuja kimoja tu - cha mwisho).
Mfano . Thamani Nyingi za Kawaida katika Uteuzi Anuwai
Sasa, katika uteuzi anuwai liwalowazi, wacha tujaribu kuchagua zaidi ya thamani moja:
<select multiple name="city[]">
<option>City1</option>
<option selected>City2</option>
<option>City3</option>
<option selected>City4</option>
</select>
: