#5. 6 php html Добавление переключателей (radio buttons) на web-форму

Primary tabs

mariyas's picture
Submitted by mariyas on Sun, 09/03/2023 - 17:59

Forums:

В предыдущем примере пользователь может одновременно отметить оба варианта ответа на вопрос, что в общем случае недопустимо. Для выбора только одного варианта из некоторого фиксированного множества альтернатив можно использовать переключатели:

Переключатель1
Переключатель2
Переключатель3

Переключатель описывается при помощи набора тегов <INРUT TYРE=RADIO>, а для группировки различных альтернатив все они связываются при помощи атрибута NAME, значение которого должно быть одинаково внутри группы.

Пример 1. Добавление переключателей на web-форму

<HTML>
    <HEAD>
        <TITLE>
            Пример переключателя
        </TITLE>
    </HEAD>
    <BODY>
        <CENTER>
            <H1>
                Пример переключателя
            </H1>
            <FORM METHOD="POST" ACTION="phpradio.php">
                Подписаться на новости?
                <INPUT NAME="Radio1" TYPE="RADIO" VALUE="Yes"> Да
                <INPUT NAME="Radio1" TYPE="RADIO" VALUE="No"> Нет
                <BR><BR>
                <INPUT TYPE=SUBMIT VALUE="OK">
            </F0RM>
        </CENTER>
    </BODY>
</HTML>

Результат выполнения примера:



Рис. 1. Пример использования переключателя

Для получения состояния переключателя в файле phpradio.php используется одно обращение к соответствующему элементу массива $_REQUEST, как показано в примере 2. Следует обратить внимание на то, что если пользователь не сделал никакого выбора, то соответствующий элемент массива $_REQUEST будет неопределен, поэтому и в этом случае рекомендуется использовать функцию isset.

Пример 2. Обработка состояния web-формы в файле phpradio.php

<HTML>
    <HEAD>
        <TITLE>
            Отображение состояния переключателя
        </TITLE>
    </HEAD>
    <BODY>
        <CENTER>
            <H1>Отображение состояния переключателя</H1>
            <?php
                if (isset($_REQUEST["Radio1"])) {
                    echo "Ваш выбор ", $_REQUEST["Radio1"];
                }
                else {
                    echo "Выбор не произведен";
                }
            ?>
        </CENTER>
    </BODY>
</HTML>

В результате обработки состояния web-формы (после нажатия на кнопку "ОК") получим:



Рис. 2. Отображение состояния переключателя

Key Words for FKN + antitotal forum (CS VSU):

  • Log in to post comments
  • 368 reads