ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 19.05.2024
Просмотров: 52
Скачиваний: 0
Як видно на малюнку 5.9, користувачем був вибраний тільки один прапорець і на екран виведений вміст змінної, рівне "C++/C#". Вміст інших змінних виведений не був, оскільки користувач не встановив інші прапорці. Таким чином, у відповідні PHP -переменные дані передаватися не будуть.
Перемикачі
Перемикачі в HTML -формах використовуються в тих випадках, коли є набір можливих відповідей, але вибрати можна тільки один з них. На відміну від прапорців, для зв'язку перемикачів один з одним необхідно задати усім перемикачам однієї групи однакове ім'я.
Перемикачі створюються за допомогою дескриптора <INPUT>, у якому атрибуту "type" привласнюється значення "radio".
Синтаксис:
<INPUT name="radio" type="radio" checked>
де type - тип поля,
name - ім'я поля як елементу форми,
checked - атрибут, який використовується для того, щоб відмітити перемикач, як виділений.
Нижче наведений приклад використання перемикачів для вибору назви столиці України.
HTML -код форми для введення інформації представлений нижче.
<HTML>
<HEAD><TITLE>Приклад використання перемикачів</TITLE>
</HEAD>
<BODY>
<FORM method="GET" action="radio.php">
Виберіть назву столиці України
<BR>
<BR>
<INPUT name="Question" type="radio" value="Київ">
Київ
<br>
<INPUT name="Question" type="radio" value="Харків">
Харків
<br>
<INPUT name="Question" type="radio" value="Севастополь">
Севастополь
<BR>
<BR>
<INPUT type="submit" value="Відправити">
</FORM>
</BODY>
</HTML>
Результат роботи цього коду представлений на малюнку 5.10.
Малюнок
5.10
- Вибір столиці Росії
Таким чином, як видно на малюнку 5.10, в цьому прикладі, при завантаженні Web -страницы на екрані з'являються перемикачі, з яких користувачеві необхідно відмітити тільки один і натиснути кнопку "Відправити". Після цього підключиться обробник, вказаний в атрибуті "action" тега "form". У цьому прикладі це файл radio.php.
Код файлу-обробника представлений нижче.
<HTML>
<HEAD><TITLE> Приклад використання перемикачів </TITLE>
</HEAD>
<BODY>
<?php
echo "Ви вибрали відповідь: $_GET[Question]";
?>
</BODY>
</HTML>
Реалізація цього коду представлена на малюнку 3.11.
Малюнок
5.11
- Результат вибору столиці
Як видно на малюнку 3.11, на екран виводиться значення змінної "$Question", рівне "Москва". Необхідно відмітити, що в коді файлу radio.html створюється три перемикачі, що мають однакове ім'я, але різні значення. Проте при обробці даних за допомогою сценарію відображується вміст тільки одній змінній, оскільки може бути тільки одна правильна відповідь. У цьому полягає основна відмінність використання перемикачів від прапорців [4].
Списки
Списки або випадні списки є елементами управління формами, які зазвичай відображують декілька об'єктів. Іноді вони мають стрілку, яка дозволяє користувачеві переміщатися вниз до додаткових об'єктів. У мові HTML списки створюються за допомогою тегів <SELECT> і <OPTION>. Тег <SELECT>, створюючий список, охоплює декілька дескрипторів <OPTION>, кожен з яких містить текст, що відповідає об'єкту в списку.
Синтаксис:
<SELECT name="select" multiple size="m">
<OPTION value="value 1">
<OPTION value="value 2">..<OPTION value="value n"></SELECT>
де name - ім'я поля як елементу форми,
multiple - множинний вибір елементів списку,
size - розмір видимої частини списку,
Value - значення змінної.
Нижче представлений приклад використання списків, в якому програма отримує від користувача інформацію про бажану побутову техніку і фірму-виробника. Перший список допускає вибір тільки одного типу побутової техніки. У другому допускається множинний вибір фірми-виробника.
HTML -код форми для вибору інформації представлений нижче.
<HTML>
<HEAD>
<TITLE>Приклад використання списків</TITLE>
</HEAD>
<BODY>
<FORM method="POST" action="listbox.php">Виберіть побутову техніку<BR>
<BR><SELECT name="Tech">
<OPTION value="Пральна машина">Пральна машина </OPTION>
<OPTION value=" Праска">Праска</OPTION>
<OPTION value="Мікрохвильова піч">Мікрохвильова піч </OPTION>
<OPTION value="Пилосос">Пилосос</OPTION>
</SELECT><BR>
<BR>Виберіть фірму-виробника<BR>
<BR><SELECT name="Production[]" multiple size=4>
<OPTION value="LG">LG</OPTION>
<OPTION value=" Samsung">Samsung</OPTION>
<OPTION value=" Panasonic">Panasonic</OPTION>
<OPTION value="Sony">Sony</OPTION>
</SELECT><BR>
<BR><INPUT TYPE="submit" value="Відправити">
</FORM>
</BODY>
</HTML>
Результат роботи цього коду представлений на малюнку 5.12.
Малюнок
5.12
- Вибір техніки і фірми
Таким чином, як видно на малюнку 5.12, в цьому прикладі, при запуску Web -страницы на екрані з'являються два списки, в яких необхідно вибрати інформацію і натиснути кнопку "Відправити". Після цього підключиться обробник, вказаний в атрибуті "action" тега "form". У цьому прикладі це файл listbox.php.
Код файлу-обробника представлений нижче.
<HTML>
<HEAD>
<TITLE>Приклад використання списків</TITLE>
</HEAD>
<BODY>
<?php
echo "Побутова техніка: $_POST[Tech] ";
$Choice0 = $_POST['Production'][0];
$Choice1 = $_POST['Production'][1];
$Choice2 = $_POST['Production'][2];
$Choice3 = $_POST['Production'][3];
echo "<br>Фірма виробник: ";
echo "$Choice0 ";
echo "$Choice1 ";
echo "$Choice2 ";
echo "$Choice3 ";
?>
</BODY>
</HTML>
Результат роботи цього прикладу представлений на малюнку 5.13.
Малюнок
5.13
- Результат вибору техніки і фірми
Як видно на малюнку 5.13, на екран виводяться результати вибору користувача. В даному випадку він вибрав техніку праску і фірму виробника "LG" і "Samsung". Тобто, при виборі побутової техніки зміненої "$Tech" привласнилося значення "Праска". У сценарії listbox.php атрибут "name" пов'язаний з PHP -переменной "$_POST ['Tech']".
При виборі фірми-виробника атрибуту "name" було присвоєно значення "$Production[]"де квадратні дужки інтерпретують відповідну змінну як масив. Список містить чотири пункти, тому в масиві буде чотири елементи. Вміст кожного з них необхідно відобразити.
При роботі з масивами в мові PHP індекс масиву посилається на елемент, а нумерація елементів починається з нуля. Тоді змінна "$Production[0]" посилатиметься на перший пункт в списку, тобто LG, а змінна "$Production[1]" на другий пункт в списку, тобто Samsung. Елементи "$Production[2]" і "$Production[3]" не містять нічого, оскільки користувач вибрав тільки два перші пункти списку.
Приховані поля форм
При роботі з формами може виникати необхідність отримання інформації, що міститься на одній Web -странице і передачі її інший Web -странице, без якого-небудь введення даних користувачем. У тегу <INPUT> для цього існує ще один параметр, який дозволяє передавати інформацію в поле, начебто воно було текстовим, приховуючи, при цьому, сам елемент управління і його значення від користувача. Таке поле називається прихованим полем форми (чи прихованим елементом управління).
Дія прихованих полів дещо відрізняється від дії вже розглянутих елементів управління. Їх можна використовувати для відправки інформації, що зберігається в РНР-змінних.
Щоб використовувати приховане поле в PHP -странице, можна написати усю HTML -форму в операторах echo, передавальних вміст PHP -переменных через HTML -теги .
Синтаксис:
<INPUT type="hidden" name="hidden" value="message">
де type - тип поля,
name - ім'я поля як елементу форми,
Value - вміст поля.
Нижче представлений приклад використання прихованих полів форм для читання утримуваного списку і відображення призначеного для користувача вибору на наступній сторінці.
HTML -код форми для вибору інформації представлений нижче.
<HTML>
<HEAD><TITLE> Використання прихованих полів форм </TITLE>
</HEAD>
<BODY>
<?php
$Message1="Іванов";
$Message2="Петров";
$Message3="Cидоров";
echo "<FORM method='GET' action='hidden.php'>";
echo "Хто з наступних персонажів отримає приз"?;
echo "<SELECT name='ListBox'>";
echo "<OPTION>$Messagel</OPTION>";
echo "<OPTION>$Message2</OPTION>";
echo "<OPTION>$Message3</OPTION>";
echo "</SELECT><br><br>";
echo "<INPUT type='hidden' name='Hidden1' value='$Message1'> ";
echo "<input type='hidden' name='Hidden2' value='$Message2'>";
echo "<INPUT type='hidden' name='Hidden3' value='$Message3'>";
echo "<INPUT type='submit' value='Відправити'>";
echo "</FORM>";
?>
</BODY>
</HTML>
Результат роботи цього коду представлений на малюнку 5.14.
Малюнок 5.14 - Вибір персонажа
Таким чином, як видно на малюнку 5.14, в цьому прикладі, при завантаженні Web -страницы на екрані з'являється список, в якому користувачеві необхідно вибрати інформацію. При цьому форма, що відправляє приховані поля, містить елементи цього списку в змінних "$Hidden1", "$Hidden2", "$Hidden3", що містять текст "Іванов", "Петров", "Сидоров" відповідно. Після натиснення кнопки "Відправити", підключається обробник, вказаний в атрибуті "action" тега "form". У цьому прикладі це файл hidden.php.
Код файлу-обробника представлений нижче.
<HTML>
<HEAD>
<TITLE>Використання прихованих полів форм</TITLE>
</HEAD>
<BODY>
<?php
echo "Було три варіанти:<br>";
echo "$_GET[Hidden1]<br>";
echo "$_GET[Hidden2]<br>";
echo "$_GET[Hidden3]<br>";
echo "<br>Ви вибрали:<br>";
echo "$_GET[ListBox]";
?>
</BODY>
</HTML>
Результат роботи цього прикладу представлений на малюнку 5.15.
Малюнок 5.15 - Результат вибору персонажа
Як видно на малюнку 5.15, на екран виводяться початкові три варіанти для вибору ("Іванов", "Петров", "Сидоров"), а потім виводиться вибір користувача. В даному випадку це "Сидоров".
