docs/documentation/_includes/request_callback_form.html - main - krepost/deckhouse

docs/documentation/_includes/request_callback_form.html
152 строки7 KB
Polina Polyntseva
[docs] Add checkboxes to forms (#17067)
12 янв 2026, 12:58
12 янв 2026, 12:58dab70aa
<div id="request_callback_intro" data-header-form>
  <h3 class="text text_h3 text__form-h3">{{ site.data.modal['request-callback']['header'][page.lang]['title'] }}</h3>
  <p class="text text__form">{{ site.data.modal['request-callback']['header'][page.lang]['text'] }}</p>
  <form class="form form__request" action="https://submit-form.com/T1D8NgqF" id="request_callback_form" data-form>
    <input class="form__h0n3y" autocomplete="off" type="text" name="_hp" placeholder="Comment">
    {%- if page.lang == "ru" %}
    <input type="hidden" id="language_ru" name="language" value="ru">
    <div class="form__row form__row-request">
      <input
        class="textfield textfield-request"
        type="text" name="name"
        placeholder="Имя *" aria-label="Имя *"
        autocomplete="off" required="required" />
    </div>
    <div class="form__row form__row-request">
      <input
        class="textfield textfield-request"
        type="email" name="email"
        placeholder="Email *" aria-label="Email *"
        autocomplete="off" required="required" />
    </div>
    <div class="form__row form__row-request">
      <input
        class="textfield textfield-request"
        type="tel" name="phone"
        placeholder="Телефон *" aria-label="Телефон *"
        autocomplete="off" required="required" />
    </div>
    <div class="form__row form__row-request">
      <input
        class="textfield textfield-request"
        type="text" name="company"
        placeholder="Компания" aria-label="Компания"
        autocomplete="off" />
    </div>
    <div class="form__row form__row-request">
      <input
        class="textfield textfield-request"
        type="text" name="position"
        placeholder="Должность" aria-label="Должность"
        autocomplete="off" />
    </div>
    <p class="communication-method">{{ site.data.modal['request-callback']['communication-method'][page.lang]['title'] }}</p>
    <div class="preferred-contact">
      <div class="checkboxes">
        <input type="checkbox" id="pcEmail" value="email" checked>
        <label for="pcEmail">Email</label>
        <input type="checkbox" id="pcPhone" value="phone" checked>
        <label for="pcPhone">Телефон</label>
        <input type="checkbox" id="pcTelegram" value="telegram">
        <label for="pcTelegram">Telegram</label>
      </div>
      <input type="hidden" name="preferred_contact" value="">
      <div class="form__row form__row-request">
        <input class="textfield textfield-request" type="text" name="telegram_id" placeholder="Telegram ID">
      </div>
    </div>
    <div class="form-consents">
      <div class="form-consent">
        <input type="checkbox" id="pcConsent_personal" value="1" name="consent_personal" required="required">
        <label for="pcConsent_personal">
          <div>Я&nbsp;даю АО&nbsp;&laquo;Флант&raquo; <a href="/user-data-processing/" target="_blank">согласие на&nbsp;обработку моих персональных данных </a>для цели ответа на&nbsp;мою заявку.</div>
        </label>
      </div>
      <div class="form-consent">
        <input type="checkbox" id="pcConsent_marketing" value="1" name="consent_marketing">
        <label for="pcConsent_marketing">
          <div>Я&nbsp;даю АО&nbsp;&laquo;Флант&raquo; согласие на&nbsp;получение маркетинговых сообщений (о&nbsp;продуктах, сервисах, акциях, мероприятиях и&nbsp;т.п.) и&nbsp;обработку моих персональных данных для указанной цели.</div>
        </label>
      </div>
    </div>
    <div class="form__row-request">
      <button class="button button_alt button-request" type="submit" disabled>
        Отправить
      </button>
    </div>
    {%- else %}
    <input type="hidden" id="language_en" name="language" value="en">
    <div class="form__row form__row-request">
      <input
        class="textfield textfield-request"
        type="text" name="name"
        placeholder="Name *" aria-label="Name *"
        autocomplete="off" required="required" />
    </div>
    <div class="form__row form__row-request">
      <input
        class="textfield textfield-request"
        type="email" name="email"
        placeholder="Email *" aria-label="Email *"
        autocomplete="off" required="required" />
    </div>
    <div class="form__row form__row-request">
      <input
        class="textfield textfield-request"
        type="tel" name="phone"
        placeholder="Phone *" aria-label="Phone *"
        autocomplete="off" required="required" />
    </div>
    <div class="form__row form__row-request">
      <input
        class="textfield textfield-request"
        type="text" name="company"
        placeholder="Company" aria-label="Company"
        autocomplete="off" />
    </div>
    <div class="form__row form__row-request">
      <input
        class="textfield textfield-request"
        type="text" name="position"
        placeholder="Position" aria-label="Position"
        autocomplete="off" />
    </div>
    <p class="communication-method">{{ site.data.modal['request-callback']['communication-method'][page.lang]['title'] }}</p>
    <div class="preferred-contact">
      <div class="checkboxes">
        <input type="checkbox" id="pcEmail" value="email" checked>
        <label for="pcEmail">Email</label>
        <input type="checkbox" id="pcPhone" value="phone" checked>
        <label for="pcPhone">Phone</label>
        <input type="checkbox" id="pcTelegram" value="telegram">
        <label for="pcTelegram">Telegram</label>
      </div>
      <input type="hidden" name="preferred_contact" value="">
      <div class="form__row form__row-request">
        <input class="textfield textfield-request" type="text" name="telegram_id" placeholder="Telegram ID">
      </div>
    </div>
    <div class="form-consents">
      <div class="form-consent">
        <input type="checkbox" id="pcConsent_personal" value="1" name="consent_personal" required="required">
        <label for="pcConsent_personal">
          <div>By&nbsp;submitting form, you agree to&nbsp;the <a href="/privacy-policy/" target="_blank">Privacy Policy</a></div>
        </label>
      </div>
    </div>
    <div class="form__row-request">
      <button class="button button_alt button-request" type="submit" disabled>
        Send
      </button>
    </div>
    {%- endif %}
  </form>
</div>
<div id="request_callback_success" data-success-message style="display: none;">
  <h3 class="text text_h3 text_alt">{{ site.data.modal['request-callback']['success-message'][page.lang]['title']}}</h3>
  <p class="text">{{ site.data.modal['request-callback']['success-message'][page.lang]['text']}}</p>
</div>
<div id="request_callback_error" data-error-message style="display: none;">
  <h3 class="text text_h3 text_alt">{{ site.data.modal['request-callback']['error-message'][page.lang]['title']}}</h3>
  <p class="text">{{ site.data.modal['request-callback']['error-message'][page.lang]['text']}}</p>
</div>