- •Лабораторная работа №5
- •5.4. Теоретические сведения
- •5.4.1. Общие сведения о формах
- •Элементы форм, ориентированные на ввод с клавиатуры
- •5.4.2.1. Текстовое поле
- •Текстовая область
- •5.4.3. Элементы форм, ориентированные на ввод с мыши
- •5.4.3.1. Флажок
- •5.4.3.2. Переключатель
- •5.4.3.3. Раскрывающийся список
- •5.4.4. Скрытые поля
- •5.4.5. Кнопки
- •5.4.5.1. Кнопка отправки данных
- •5.4.5.2. Кнопка сброса
- •5.4.6. Пример построения формы для сбора данных
- •5.5. Пример разработки программы на php с использованием форм
- •5.6. Указания по организации самостоятельной работы студентов
- •5.7. Контрольные вопросы
Текстовая область
Текстовая область (text area) используется для ввода несколько больших объемов текста, не ограничивающихся простым именем или адресом электронной почты. Синтаксис определения текстовой области:
<textarea name="имя_переменной" rows="N" cols="N" value=""></textarea>
Определение текстового поля включает три атрибута:
name — имя переменной, в которой сохраняются введенные данные;
rows — количество строк в текстовой области;
cols — количество столбцов в текстовой области.
Текстовая область изображена на рис. 2.
Рис. 2. Текстовая область
5.4.3. Элементы форм, ориентированные на ввод с мыши
В других элементах форм пользователь выбирает один из заранее определенных вариантов при помощи мыши. К таким элементам относятся флажки, переключатели и раскрывающиеся списки.
5.4.3.1. Флажок
Флажки (checkboxes) используются в ситуациях, когда пользователь выбирает один или несколько вариантов из готового набора — по аналогии с тем, как ставятся «галочки» в анкетах. Синтаксис определения флажка:
<input type="checkbox" name="имя_переменной" valuе="начальное_значение">
Определение флажка включает три атрибута:
type — тип элемента (для флажков — checkbox);
name — имя переменной, в которой сохраняются введенные данные (в данном случае — состояние элемента);
value — значение, присваиваемое переменной по умолчанию.
Если флажок установлен, именно это значение будет присвоено переменной с указанным именем. Если флажок не установлен, значение атрибута value не используется.
Флажок изображен на рис. 3.
Рис. 3. Флажок
5.4.3.2. Переключатель
Переключатель (radio button) представляет собой разновидность флажка; он работает практически так же за одним исключением — в любой момент времени в группе может быть установлен лишь один переключатель. Синтаксис определения переключателя:
<input type="radio" name="имя_переменной" value="начальное_значение">
Как видите, синтаксис почти не отличается от определения флажка. Определение переключателя поля включает три атрибута:
type — тип элемента (для переключателей — radio);
name — имя переменной, в которой сохраняются введенные данные (в данном случае — состояние элемента);
value — значение, присваиваемое переменной по умолчанию.
Если переключатель установлен, именно это значение будет присвоено переменной с указанным именем. Если флажок не установлен, значение атрибута value не используется.
Переключатель изображен на рис. 4.
Рис. 4. Переключатель
5.4.3.3. Раскрывающийся список
Раскрывающиеся списки особенно удобны в ситуации, когда имеется длинный перечень допустимых вариантов, из которого пользователь должен выбрать один вариант. Как правило, раскрывающиеся списки применяются при работе с относительно большими наборами данных — например, при перечислении американских штатов или стран. Синтаксис определения раскрывающегося списка:
<select name="имя_переменной">
<option valuе="имя_переменной1 ">
<option value="имя_переменной2">
<option value="имя_переменнойЗ">
<option value="имя_переменнойN">
</select>
Определение переключателя поля включает три атрибута:
name — имя переменной, в которой сохраняются введенные данные (в данном случае — строка, выбранная в списке);
value — значение, отображаемое в списке по умолчанию.
Раскрывающийся список изображен на рис. 5.
Рис. 10.5. Раскрывающийся список
