😎 » HTML5 » Форма » Елемент select
627 0  

Елемент select

HTML елемент <select>  представляє елемент керування, який надає меню параметрів:

- Заготовка форми

====

Типове використання <select> коли йому дається атрибут id, що дозволяє зв'язати його з <label> для цілей доступності, а також атрибут name, який представляє ім'я зв'язаної точки даних, переданої на сервер. Кожен пункт меню визначається елементом <option>, вкладеним у <select>.

Кожен елемент <option> повинен мати атрибут value, що містить значення даних для надсилання на сервер під час вибору цієї опції. Якщо атрибут value не включений, значенням за промовчанням є текст, що міститься всередині елемента. Ви можете включити вибраний атрибут до елемента <option>, щоб він був обраний за замовчуванням при першому завантаженні сторінки.

Елемент <select> має кілька унікальних атрибутів, які можна використовувати для керування ним, наприклад, кілька, щоб вказати, чи можна вибирати кілька параметрів, і розмір, щоб вказати, скільки параметрів слід відображати одночасно. Він також приймає більшість загальних атрибутів уведення форми, таких як обов'язковий, відключений, автофокус і т.д.

Ви можете додатково вкласти елементи <option> в елементи <optgroup>, щоб створити окремі групи параметрів всередині списку.

  <select name="pets" multiple size="4">
    <optgroup label="4-legged pets">
      <option value="" disabled selected hidden>DOG</option>
      <option value="cat">Cat</option>
      <option value="hamster" disabled>Hamster</option>
    </optgroup>
    <optgroup label="Flying pets">
      <option value="parrot">Parrot</option>
      <option value="macaw">Macaw</option>
      <option value="albatross">Albatross</option>
    </optgroup>
  </select>
</label>


==

Специфікація - Дивитись

Залишити свій коментар:

Досвід у веброзробці:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2009
2023