Забыли пароль?
Запросите новый здесь.

PHP-Fusion Russia
Автор темы: Alex
ID темы: 3204
Информация:
Тема содержит 2 сообщения, была просмотрена 2406 раз.  Имеются прикрепленные файлы.
Просмотр темы
PHP-Fusion Russia » Веб-разработка » HTML и CSS
 Распечатать тему
Галочка согласия при отправке формы
Alex
Наверх  #1 Распечатать пост
Опубликовано 21.01.2024 19:23
В фвйле обратной связи contact.php

вот эту кнопку
Скачать исходники  Код
echo "<input type='submit' name='sendmessage' value='".$locale['406']."' class='button-contact'/>\n";




заменяем на этот код
Скачать исходники  Код
echo "<div class=\"formname\">
<input id=\"checkbox\" type=\"checkbox\" name=\"checkbox\" onchange=\"document.getElementById('submit').disabled = !this.checked;\" />
<label for=\"checkbox\">".$locale['4061']."</label>   
<input type=\"submit\" disabled=\"disabled\" name=\"sendmessage\" id=\"submit\" value='".$locale['406']."' />
</div>";




добавляем стили
Скачать исходники  Код

.formname input[type=checkbox] {
    display:none;
}
.formname input[type=checkbox] + label {
    display: block;
    position: relative;
    margin: 12px 0 12px 30px;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
}
.formname input[type=checkbox] + label:hover {
    color:#337AB7;
}
.formname input[type=checkbox] + label:before {
    position: absolute;
    content: '';
    width: 22px;
    height: 22px;
    line-height: 22px;
    left: -30px;
    border: 1px solid #808080;
}
.formname input[type=checkbox]:checked + label:before{
    content: '\2714';
    color:#337AB7;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #337AB7;
}
.formname input[type=submit] {
    display: block;
    cursor: pointer;
    font-size: 14px;
    padding: 10px 30px;
    border: 1px solid #275F8B;
    background: #337AB7;
    color: #FFF;
    text-transform: uppercase;
    transition: .4s all;
    font-weight: bold;
}
.formname input[type=submit]:hover {
    background: #275F8B;
}
.formname input[disabled] {
    opacity: .6;
    cursor: not-allowed;
}




В результате пользователь будет вынужден согласиться с вашей политикой на обработку персональных данных перед отправкой формы.

кнопка не активна пока не поставлена галочка!
Alex присоединено следующее:изображение:
11110.jpg
 
Web
Polarfox
Наверх  #2 Распечатать пост
Опубликовано 04.02.2024 11:30
имо, лучше required
+ подсветит что не нажато и предложит согласиться или заполнить, быстро и просто
+ перехватывает обработку отправки, а не костыль с блокировкой кнопки (который можно обойти, например нажав ввод, если вместо субмита используется простая кнопка/картинка и тп)
- но не подходит для кастомизации
- нет поддержки браузеров из кошмарных 90ых

https://htmlbook....t/required
https://caniuse.c...h=required
Изменил(а) Polarfox, 04.02.2024 11:36
Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме
 

Поделиться этой темой
Социальные закладки: Vkontakte Odnoklassniki Mail.ru Facebook Google Tweet This
URL:
BBcode:
HTML:

Перейти на форум:
Похожие темы
Темы Форум Ответов / Просмотров Последние сообщения
Не приходят русские буквы из формы  →  Моды 3 / 2800 23.01.2022 01:41
Ошибка при создании панели  →  Ошибки, баги 6 / 3341 29.01.2021 21:58
Почему при нажатии на кнопку срабатывает проверка полей?  →  HTML и CSS 1 / 4326 05.11.2020 10:33
Работа разных тем оформления при разных разрешениях  →  HTML и CSS 2 / 1785 05.03.2019 09:08
Возможно ли при помощи тестов (вопросов) проверить совместимость М и Ж?  →  Разное 2 / 3380 04.11.2018 17:24
Проблема при установке  →  Установка и настройка системы 11 / 5756 18.09.2018 14:28
Важно! 2 месяца бесплатно, при продлении или заказе dedicated сервера! Акция!  →  Хостинг 0 / 1941 07.06.2018 04:37
Перезагрузка страницы после отправки формы  →  Плагины 11 / 21622 12.04.2017 12:26
Защита данных элемента формы от ввода кода по передаче GET и POST  →  Безопасность 1 / 2991 16.02.2017 21:20
как задать класс textarea при включенном TinyMCE?  →  Темы оформления 7 версии 5 / 11725 14.11.2016 15:05
Топ 5 пользователей форума
Zaxap Zaxap (1,090)   Vova Vova (877)   Pisatel Pisatel (678)   util util (666)   SchreiBear SchreiBear (625)
Навигация
Главная
Форум
База аддонов
База тем
FAQ
Статьи
Ссылки
Лицензия
Возможности
Поиск
Новые файлы
Snow panel 309
Русская локалка P... 487
PHP-Fusion-9-Loca... 507
Russian 9.0 711
PHP-Fusion v9.0 742
VK Login 538
News Carousel Deo... 497
VK User Field 476
Code BBCode mod 633
Breadcrumbs SEO P... 712
ТОП файлов
PHP-Fusion v7.02.07 5519
PHP-Fusion v7.02.06 2780
PHP-Fusion v7.02.07... 2336
PHP-Fusion v7.02.00 2183
PHP-Fusion v7.02.05 1989
Russian 7.02.07 1618
PHP-Fusion v7.01.05 1568
Видео плагин 1560
PHP-Fusion v7.02.03 1499
Web Magaza 1463
Новые статьи
Новый вебмастер в Яндексе
Бесконечное количество Skype, бе...
Google отозвал рекомендации по AJAX
Структура PHP-Fusion – Часть 2. ...
Структура PHP-Fusion – Часть 1. ...
Mail.Ru перешел на собственный п...
Python
Php-Fusion-7 + HTML-5
Яндекс узнал поисковые запросы д...
Google Chrome "подружился" c Mic...
Copyright © 2010-2024 RUSFusion.ru
Powered by PHP-Fusion copyright © 2002-2024 by Nick Jones.
Released as free software without warranties under GNU Affero GPL v3.
Яндекс.Метрика