Yii2 ActiveForm. Часть 4

Yii2 ActiveForm

От автора: приветствую вас, друзья. Мы продолжаем цикл статей, посвященных знакомству с фреймворком Yii2. В этой и следующих статьях мы подробнее рассмотрим работу с виджетом Yii2 ActiveForm. В частности, мы узнаем о различных методах, позволяющих отрисовать форму и ее поля – это методы begin, field, checkbox и другие.

Итак, мы продолжаем работу с формами в Yii. Напомню, в предыдущих статьях мы познакомились с рядом методов виджета ActiveForm и научились выводить поля формы с нужной нам структурой верстки и оформлением. В этой статье мы добавим кнопку отправки формы на сервер и пометим обязательные поля формы.

Начнем, пожалуй, с последнего вопроса. Итак, как нам пометить обязательные поля формы звездочкой? Сделать это на самом деле очень просто. Нам не нужно изменять шаблон полей формы и прописывать звездочку рядом с label, — все куда проще. Если мы откроем исходный код формы, то увидим, что обязательные к заполнению поля помещены в блок с классом required:

Yii2 ActiveForm

Соответственно, мы можем использовать возможности CSS после label, который находится в искомом блоке, звездочку. Откроем файл стилей web\css\site.css и добавим в него следующее правило:

div.required label.control-label:before {
    content: "*";
    color: red;
}

В итоге мы получили нужный нам результат.

Yii2 ActiveForm

Отлично! Осталось лишь добавить кнопку для формы и мы готовы отправлять данные. Для генерирования кнопки обратимся к помощнику Html. Кнопку мы разместим прямо перед закрытием формы методом end.

<div class="form-group">
    <div class="col-md-6">
        <?= Html::submitButton('Login', ['class' => 'btn btn-primary btn-block', 'name' => 'login-button']) ?>
    </div>
</div>

Yii2 ActiveForm

Вот, собственно, и все – форма готова к отправке на сервер. На этом мы завершим текущую статью. Больше о фреймворке вы можете узнать из наших бесплатных или платных уроков. Также создание простейшего блога на Yii2 можно посмотреть в этом цикле уроков.

Самые свежие новости IT и веб-разработки на нашем Telegram-канале

Фреймворк YII2: теория и первая практика

Овладейте азами фреймворка Yii2 за 5 дней!

Получить

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree