форма обратной связи. Нужен совет

    <div class="form-object-type-wrap bar" id="div1">
        <span>1. Тип объекта</span>
        <div class="form-object-type " >
            

            <div class="radio-object-box">
                <label for="flat">
                    <svg viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><circle class="bg-arrow" fill="#03274f" cx="20" cy="20" r="20"></circle><path class="bg-arrow-2" fill="#fff" d="M13.707 20.293l-1.414 1.414L17 26.414l10.707-10.707-1.414-1.414L17 23.586z"></path></g></svg>
                    <img src="<?php echo get_template_directory_uri(); ?>/img/flat.jpg" alt="radio"><br>
                </label>
                <p>
                    <input id="flat" type="radio" name="type-object" value="Квартира" class="_req">
                    <label for="flat">
                        Квартира
                    </label>
                </p>
            </div>

            <div class="radio-object-box">
                <label for="home">
                    <svg viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><circle class="bg-arrow" fill="#03274f" cx="20" cy="20" r="20"></circle><path class="bg-arrow-2" fill="#fff" d="M13.707 20.293l-1.414 1.414L17 26.414l10.707-10.707-1.414-1.414L17 23.586z"></path></g></svg>
                    <img src="<?php echo get_template_directory_uri(); ?>/img/home.jpg" alt="radio"><br>
                </label>
                <p>
                    <input type="radio" name="type-object" value="Дом" class="_req">
                    <label for="home">
                        Дом
                    </label>
                </p>
            </div>

            <div class="radio-object-box">
                <label for="shop">
                    <svg viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><circle class="bg-arrow" fill="#03274f" cx="20" cy="20" r="20"></circle><path class="bg-arrow-2" fill="#fff" d="M13.707 20.293l-1.414 1.414L17 26.414l10.707-10.707-1.414-1.414L17 23.586z"></path></g></svg>
                    <img src="<?php echo get_template_directory_uri(); ?>/img/shop.jpg" alt="radio"><br>
                </label>
                <p>
                    <input type="radio" name="type-object" value="Магазин" class="_req">
                    <label for="shop">
                        Магазин
                    </label>
                </p>
            </div>

            <div class="radio-object-box">
                <label for="office">
                    <svg viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><circle class="bg-arrow" fill="#03274f" cx="20" cy="20" r="20"></circle><path class="bg-arrow-2" fill="#fff" d="M13.707 20.293l-1.414 1.414L17 26.414l10.707-10.707-1.414-1.414L17 23.586z"></path></g></svg>
                    <img src="<?php echo get_template_directory_uri(); ?>/img/office.jpg" alt="radio"><br>
                </label>
                <p>
                    <input type="radio" name="type-object" value="Офис" class="_req">
                    <label for="office">
                        Офис
                    </label>
                </p>
            </div>   


            <div class="radio-object-box">
                <label for="restoran">
                    <svg viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><circle class="bg-arrow" fill="#03274f" cx="20" cy="20" r="20"></circle><path class="bg-arrow-2" fill="#fff" d="M13.707 20.293l-1.414 1.414L17 26.414l10.707-10.707-1.414-1.414L17 23.586z"></path></g></svg>
                    <img src="<?php echo get_template_directory_uri(); ?>/img/restoran.jpg" alt="radio"><br>
                </label>
                <p>
                    <input type="radio" name="type-object" value="Ресторан" class="_req">
                    <label for="restoran">
                        Ресторан
                    </label>
                </p>
            </div>

            <div class="radio-object-box">
                <label for="warehouse">
                    <svg viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><circle class="bg-arrow" fill="#03274f" cx="20" cy="20" r="20"></circle><path class="bg-arrow-2" fill="#fff" d="M13.707 20.293l-1.414 1.414L17 26.414l10.707-10.707-1.414-1.414L17 23.586z"></path></g></svg>
                    <img src="<?php echo get_template_directory_uri(); ?>/img/warehouse.jpg" alt="radio"><br>
                </label>
                <p>
                    <input type="radio" name="type-object" value="Склад" class="_req">
                    <label for="warehouse">
                        Склад
                    </label>
                </p>
            </div>

            <div class="radio-object-box">
                <label for="production">
                    <svg viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><circle class="bg-arrow" fill="#03274f" cx="20" cy="20" r="20"></circle><path class="bg-arrow-2" fill="#fff" d="M13.707 20.293l-1.414 1.414L17 26.414l10.707-10.707-1.414-1.414L17 23.586z"></path></g></svg>
                    <img src="<?php echo get_template_directory_uri(); ?>/img/production.jpg" alt="radio"><br>
                </label>
                <p>
                    <input type="radio" name="type-object" value="Производство" class="_req">
                    <label for="production">
                        Производство
                    </label>
                </p>
            </div>

            <div class="radio-object-box">
                <label for="other">
                    <svg viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><circle class="bg-arrow" fill="#03274f" cx="20" cy="20" r="20"></circle><path class="bg-arrow-2" fill="#fff" d="M13.707 20.293l-1.414 1.414L17 26.414l10.707-10.707-1.414-1.414L17 23.586z"></path></g></svg>
                    <img src="<?php echo get_template_directory_uri(); ?>/img/other.jpg" alt="radio"><br>
                </label>
                <p>
                    <input type="radio" name="type-object" value="Другое" class="_req">
                    <label for="other">
                        Другое
                    </label>
                </p>
            </div>

            <div class="type-object-buttons">
                <a  class="type-object-button-prev link">
                    Назад
                </a>

                <a href="#div2" class="type-object-button-next link">
                    Далее
                </a>
            </div>
        </div>
    </div>

    <div class="form-object-area bar" id="div2">
        <span>2. Площадь объекта</span>

        <div class="form-object-area-box">
            <input checked type="radio" name="area-type" value="До 200 м.кв">
            <label for="area-type">До 200 м.кв</label>
        </div>

        <div class="form-object-area-box">
            <input type="radio" name="area-type" value="До 500 м.кв">
            <label for="area-type">До 500 м.кв</label>
        </div>

        <div class="form-object-area-box">
            <input type="radio" name="area-type" value="До 1000 м.кв">
            <label for="area-type">До 1000 м.кв</label>
        </div>
        <div class="form-object-area-box">
            <input type="radio" name="area-type" value="Свыше 1000 м.кв">
            <label for="area-type">Свыше 1000 м.кв</label>
        </div>

        <div class="type-object-buttons">
            <a href="#div1" class="type-object-button-prev link">
                Назад
            </a>

            <a href="#div3" class="type-object-button-next link">
                Далее
            </a>
        </div>
    </div>


    <div class="form-stage-area bar" id="div3">

        <span>3. Стадия строительства</span>

        <div class="form-stage-box">
            <input checked type="radio" name="stage-type" value="Начальная стадия, договариваемся с подрядной организацией">
            <label for="stage-type">Начальная стадия, договариваемся с подрядной организацией</label>
        </div>

        <div class="form-stage-box">
            <input type="radio" name="stage-type" value="В процессе строительства">
            <label for="stage-type">В процессе строительства</label>
        </div>

        <div class="form-stage-box">
            <input type="radio" name="stage-type" value="Завершение строительства">
            <label for="stage-type">Завершение строительства</label>
        </div>

        <div class="type-object-buttons">
            <a href="#div2" class="type-object-button-prev link">
                Назад
            </a>

            <a href="#div4" class="type-object-button-next link">
                Далее
            </a>
        </div>
        
    </div>


    <div class="form-needs-area bar" id="div4">

        <span>4. Ваши потребности</span>

        <div class="form-needs-box">
            <input checked type="radio" name="needs-type" value="Начальная стадия, договариваемся с подрядной организацией">
            <label for="needs-type">Начальная стадия, договариваемся с подрядной организацией</label>
        </div>

        <div class="form-needs-box">
            <input type="radio" name="needs-type" value="В процессе строительства">
            <label for="stage-type">В процессе строительства</label>
        </div>

        <div class="form-needs-box">
            <input type="radio" name="needs-type" value="Завершение строительства">
            <label for="needs-type">Завершение строительства</label>
        </div>

        <div class="type-object-buttons">
            <a href="#div3" class="type-object-button-prev link">
                Назад
            </a>

            <a href="#div5" class="type-object-button-next link">
                Далее
            </a>
        </div>
        
    </div>

    <div class="form-tel bar" id="div5">
        Отлично! Последний шаг.

        <input type="tel" placeholder="Телефон *" class="_req">

        <div class="type-object-buttons">
            <a href="#div4" class="type-object-button-prev link">
                Назад
            </a>

            <button id="form-submit" class="subject-form">
               Отправить
            </button>
        </div>
    </div>

   
</form>

сделал такую форму обратной связи, при нажатии на далее, открывается следующее окно, а первое скрывается. Есть ли у кого то материал(код php). Что бы письма приходили на почту. Правильно ли я написал форму? Можно ли к нему подключить какой нибудь php скрипт.


Ответы (0 шт):