Если данный туториал не то, что Вы искали, у Вас все еще остались вопросы или предложения - дайте нам знать. Пожалуйста, помогите нам обслуживать Вас лучше!

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

Новые шаблоны

JS Animated. Как добавить выбираемые настройки в RD Contact Form

Из этого туториала Вы узнаете, как добавить выбираемые настройки в RD Contact Form в JS-анимированные шаблоны.

  1. Используя FTP или Файловый менеджер в Панели управления хостингом, откройте соответствующий файл *.html для редактирования (в нашем случае это ‘contacts.html’).

    How_to_add_select_options_in_RD_contact_form_in_JS_animated_templates-1

  2. В этом примере мы добавим простое меню выбора.

  3. найдите комментарий Get In Touch в содержимом файла contacts.html и добавьте следующий фрагмент кода ниже:

    <div class="form-group">
    	<label for="gender-select" class="form-label form-label-outside">Gender:</label>
    	<select id="gender-select" data-placeholder="Select an option" class="form-control" name="gender">
    		<option value="Male">Male</option>
    		<option value="Female">Female</option>
    	</select>
    </div>

    Закончив внесение изменений, нажмите на кнопку Сохранить изменения (Save changes).

    How_to_add_select_options_in_RD_contact_form_in_JS_animated_templates-2

  4. Вернитесь на ваш сайт и обновите страницу контактов для просмотра изменений.

    How_to_add_select_options_in_RD_contact_form_in_JS_animated_templates-3

  5. В этом примере, мы добавим меню выбора с подкатегориями.

  6. Откройте файл contact-us.html, затем, добавьте следующий фрагмент кода под простым меню выбора.

    <div class="form-group">
    	<label for="country-select" class="form-label form-label-outside">Country:</label>
    	<select id="country-select" data-placeholder="Select an option" class="form-control select-filter" name="country-select">
    		<optgroup label="Europe">
    			<option value="Poland">Poland</option>
    			<option value="Germany">Germany</option>
    			<option value="England">England</option>
    		</optgroup>
    		<optgroup label="Asia">
    			<option value="China">China</option>
    			<option value="Japan">Japan</option>
    			<option value="Mongolia">Mongolia</option>
    		</optgroup>
    	</select>
    </div>

    Закончив внесение изменений, нажмите на кнопку Сохранить изменения (Save changes).

    How_to_add_select_options_in_RD_contact_form_in_JS_animated_templates-4

  7. Вернитесь на ваш сайт и обновите страницу контактов, для того чтобы проверить меню выбора с подкатегориями.

    How_to_add_select_options_in_RD_contact_form_in_JS_animated_templates-5

Вы можете также ознакомиться с детальным видео-туториалом ниже:

JS Animated. Как добавить выбираемые настройки в RD Contact Form

JS Animated. Как добавить выбираемые настройки в RD Contact Form, 1.0 out of 5 based on 1 rating