Теги select
Теги select рӯйхати қуттидашавандаро эҷод мекунад
барои истифода дар шаклҳои HTML.
Нуқтаи алоҳидаи рӯйхат бояд дар
теги option нигоҳ дошта шавад.
Сифатҳо
| Сифат | Тавсиф |
|---|---|
multiple |
Мавҷудияти ин сифат мултиселект эҷод мекунад -
рӯйхати қуттидашаванда, ки дар он бисёр нуқтаҳоро интихоб кардан мумкин аст, ки
тугмаи Ctrl-ро фишурда ё бо муш интихоб кардан.
Сифати ихтиёрӣ. |
name |
Номи рӯйхати қуттидашаванда. Барои он зарур аст, ки маълумотҳои майдони воридотро дар PHP гиред. Барои кори дурусти шакл номҳои майдонҳои воридот набояд бо ҳамдигар рост оянд (дар як шакл). Агар онҳо рост оянд - дар PHP маълумотҳои он майдони воридот меояд, ки дар рамзи HTML поинтар ҷойгир аст. |
Намуна
Биёед бубинем, ки рӯйхати қуттидашаванда чӣ гуна кор мекунад:
<select>
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Намуна
Биёед паҳноии рӯйхати қуттидашавандаро созем
ба паҳноии худи элементҳои калонтарин (агар
он бо воситаи сифати CSS
width равшан муайян нашуда бошад):
<select>
<option>Big City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Намуна . Интихоби ба сурати пешфарз
Ва акнун биёед шаҳрро
ба сурати пешфарз интихоб кунем. Инро бо воситаи сифати
selected анҷом медиҳем:
<select>
<option>Big City1</option>
<option selected>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Намуна . Мултиселект
Биёед акнун селекти оддӣ ба
мултиселект табдил диҳем бо воситаи сифати multiple:
<select multiple name="city[]">
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Диққат диҳед, ки номи селект, ки дар сифати name муайян шудааст,
бояд бо қафаси мураббаъ дар охир бошад. Ин барои он зарур аст, ки дар PHP
ҳамаи қиматҳои интихобшуда биёянд (дар акси ҳол танҳо як қимат меояд - охирин).
Намуна . Бисёр қиматҳои пешфарз дар мултиселект
Ва акнун, дар мултиселекти пешфарз, биёед як қиматро аз як зиёд интихоб кунем:
<select multiple name="city[]">
<option>City1</option>
<option selected>City2</option>
<option>City3</option>
<option selected>City4</option>
</select>
:
