Обновленные темы Популярные темы Активные пользователи
Переводы модов для Sims 4 14 04.07.2020 в 17:59 от 2024end Starbound (перевод модов) 0 02.07.2020 в 12:00 от 2024end Все моды от Kiara Sims (ALL MODS) 0 29.06.2020 в 20:48 от 2024end Heroes of Annihilated Empires скачать торрент 0 29.06.2020 в 13:36 от 2024end Мод Rise of Sols mod 3.5 (Альфа) 0 29.06.2020 в 13:25 от 2024end Heroes of Annihilated Empires 3D Patch 0 29.06.2020 в 13:20 от 2024end Пак карт для Heroes of Annihilated Empires (34) 0 29.06.2020 в 13:17 от 2024end HoAE - 3D инструменты для редактирования (c2mExport) 2 29.06.2020 в 11:02 от 2024end Программы для Sims 4 4 28.06.2020 в 11:05 от 2024end Поиск модов Sims 4 0 28.06.2020 в 10:37 от 2024end
2024end 3957
Zero 25

  • Страница 1 из 1
  • 1
Форум — Synthira.Ru » Web-Раздел » Помощь новичкам » Поле со списком
Поле со списком
Администраторы
Кол-во постов: 3957
Репутация: 22
Регистрация: 22.07.2017
Статус: Не в сети
 Автор темы | Пятница, 10.01.2020, 17:03 | Сообщение # 1
Поле со списком, называемое еще ниспадающее меню, один из гибких и удобных элементов формы. В зависимости от настроек, в списке можно выбирать одно или несколько значений. Преимущество списка в его компактности и универсальности, список может занимать одну или несколько строк, в нём можно выбирать одно или несколько значений. Поле со списком создается следующим образом.
Код
<select атрибуты>
  <option атрибуты>Пункт 1</option>
  <option атрибуты>Пункт 2</option>
</select>

Тег <select> выступает контейнером для пунктов списка и определяет его вид, будет ли это раскрывающийся список или же список с одним или множественным выбором. Вид зависит от использования атрибута size тега <select>, который устанавливает высоту списка, ширина списка при этом определяется автоматически исходя из длины текста внутри <option>. Ниже представлен список множественного выбора, в котором пункты выделяются с помощью клавиши Ctrl и Shift и раскрывающийся список.




Для выбора нескольких значений списка применяются клавиши Ctrl и Shift совместно с курсором мыши.

В примере 1 показано создание списка множественного выбора.

Код
<form>
   <p><select name="select" size="3" multiple>
    <option selected value="s1">Чебурашка</option>
    <option value="s2">Крокодил Гена</option>
    <option value="s3">Шапокляк</option>
    <option value="s4">Крыса Лариса</option>
   </select>
   <input type="submit" value="Отправить"></p>
  </form>


name
Определяет уникальное имя элемента <select>. Как правило, это имя используется для доступа к данным через скрипты или для получения выбранного значения серверным обработчиком.

size
Устанавливает высоту списка. Если значение size равно единице, то список превращается в раскрывающийся. Значение по умолчанию зависит от атрибута multiple. Если он присутствует, то размер списка равен числу элементов. Когда multiple нет, то значение атрибута size равно 1.

Атрибуты тега <OPTION>
Тег <option> также имеет атрибуты, влияющие на вид списка, они представлены далее.

selected
Делает текущий пункт списка выделенным. Если у тега <select> добавлен атрибут multiple, то можно выделять более одного пункта.

value
Определяет значение пункта списка, которое будет отправлено на сервер. На сервер отправляется пара «имя/значение», где имя задаётся атрибутом name тега <select>, а значение — атрибутом value выделенных пунктов списка. Значение может как совпадать с текстом пункта, так быть и самостоятельным.

label
Предназначен для указания метки пункта списка, сокращённой по сравнению с текстом внутри <option>. Если атрибут label присутствует, то текст внутри тега <option> игнорируется и в списке выводится значение label. Браузер Firefox не поддерживает этот атрибут.

Пример 2. Использование списка

Код
<form>
   <p><strong>Выбери персонажа</strong></p>
   <p><select name="hero">
    <option value="s1">Чебурашка</option>
    <option value="s2" selected>Крокодил Гена</option>
    <option value="s3">Шапокляк</option>
    <option value="s3" label="Лариса">Крыса Лариса</option>
   </select>
   <input type="submit" value="Отправить"></p>
  </form>



Выбери персонажа





Группирование элементов списка
При достаточно обширном списке имеет смысл сгруппировать его элементы по блокам, чтобы обеспечить наглядность списка и удобство работы с ним. Для этой цели применяется тег <optgroup>. Он представляет собой контейнер, внутри которого располагаются теги <option> объединённые в одну группу. Особенностью тега <optgroup> является то, что он не выделяется как обычный элемент списка, акцентируется с помощью жирного начертания, а все элементы, входящие в этот контейнер, смещаются вправо от своего исходного положения. Для добавления заголовка группы используется атрибут label, как показано в примере 3.
Код
<form>
   <p><select name="food">
    <optgroup label="Русская кухня">
     <option value="r1">Закуска Барская</option>
     <option value="r2">Раки, фаршированные по-царски</option>
     <option value="r3">Биточки в горшочке</option>
    </optgroup>
    <optgroup label="Украинская кухня">
     <option value="u1">Галушки славянские</option>
     <option value="u2">Пампушки украинские</option>
     <option value="u3">Жаркое по-харьковски</option>
    </optgroup>
   </select></p>
   <p><input type="submit" value="Отправить"></p>
  </form>

Пользователи
Кол-во постов: 1
Репутация: 2
Регистрация: 31.01.2019
Статус: Не в сети
 Вторник, 14.01.2020, 21:19 | Сообщение # 2
391
У вас здесь, даже такое есть)

Не думал даже :o :) :) :)

Похоже чаще в этих разделах буду :?
Администраторы
Кол-во постов: 3957
Репутация: 22
Регистрация: 22.07.2017
Статус: Не в сети
 Автор темы | Четверг, 16.01.2020, 22:22 | Сообщение # 3
BALCETUL, конечно, много полезного в скриптах)
Форум — Synthira.Ru » Web-Раздел » Помощь новичкам » Поле со списком
  • Страница 1 из 1
  • 1
Поиск: