Select թեգ

select թեգը ստեղծում է բացվող ցուցակ HTML ֆորմաներում օգտագործելու համար:

Ցուցակի առանձին կետը պետք է պահվի option թեգում:

Ատրիբուտներ

Օրինակ

Եկեք տեսնենք, թե ինչպես է աշխատում բացվող ցուցակը.

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

Результат:

Օրինակ

Եկեք բացվող ցուցակի լայնությունը դարձնենք հավասար ամենամեծ տարրի լայնությանը (եթե այն հստակ չի նշված CSS-ի width հատկության միջոցով).

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

Результат:

Օրինակ . Լռելյայն ընտրություն

Հիմա եկեք փորձենք ընտրել լռելյայն քաղաք: Դա անենք selected ատրիբուտի օգնությամբ.

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

Результат:

Օրինակ . Մուլտիսելեկտ

Հիմա եկեք սովորական սելեկտը վերածենք մուլտիսելեկտի multiple ատրիբուտի օգնությամբ.

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

Результат:

Ուշադրություն դարձրեք, որ սելեկտի անունը, որը նշված է name ատրիբուտում, պետք է լինի քառակուսի փակագծերով վերջում: Սա անհրաժեշտ է, որպեսզի PHP-ում գան բոլոր ընտրված արժեքները (հակառակ դեպքում կգա միայն մեկը` վերջինը):

Օրինակ . Մեկից ավելի լռելյայն արժեքներ մուլտիսելեկտում

Հիմա, մուլտիսելեկտում լռելյայն, փորձենք ընտրել մեկից ավելի արժեք.

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

Результат:

Տեսնել նաև