Веб форма со сложным выбором

DK
На сайте с 09.09.2022
Offline
0
1005
Добрый вечер! Нужно сверстать форму с одной выбираемой кнопкой, вариант с выпадающим меню не подходит.
Подскажите, пожалуйста, как подобное реализовать? Или хотя бы как гуглить подобно?
Вот пример формы - https://prnt.sc/d4K9tHayw90z 
png screenshot_1.png
Алеандр
На сайте с 08.12.2010
Offline
202
#1

И правда, сложный выбор, куда же  сегодня сходить - на УЗИ, или ЭКГ ))

Реализуется, например, через radio button + label, с соответствующим css дизайном. Получите выбор единственного варианта в форме.
Либо, можно вообще чисто через div + JS, который ловит нажатие на нужный div и записывает в вашу классическую форму данные, в скрытое поле.

https://www.sliderrevolution.com/resources/styling-radio-buttons/
Вот тут, например, полно вариантов radio+css, чтобы реализовать нужный выбор.
Ну и плюс можно событие на кнопку повесить, чтобы форма сразу отправлялась, если не нужен отдельный Submit.

Artisan
На сайте с 04.03.2005
Offline
371
#2
dan-ki :
Подскажите, пожалуйста, как подобное реализовать?

<INPUT TYPE=SUBMIT NAME=ANALIZ VALUE=" СДАТЬ АНАЛИЗ ">

<INPUT TYPE=SUBMIT NAME=SPRAVKA VALUE=" ПОЛУЧИТЬ СПРАВКУ ">


И потом в программе на сайте проверяете существование данных, ANALIZ, SPRAVKA, какое из них есть, такую кнопку нажали.

www.leak.info / ДАРОМ линки конкурентов и забытых доменов
DK
На сайте с 09.09.2022
Offline
0
#3
Алеандр #:

И правда, сложный выбор, куда же  сегодня сходить - на УЗИ, или ЭКГ ))

Реализуется, например, через radio button + label, с соответствующим css дизайном. Получите выбор единственного варианта в форме.
Либо, можно вообще чисто через div + JS, который ловит нажатие на нужный div и записывает в вашу классическую форму данные, в скрытое поле.

https://www.sliderrevolution.com/resources/styling-radio-buttons/
Вот тут, например, полно вариантов radio+css, чтобы реализовать нужный выбор.
Ну и плюс можно событие на кнопку повесить, чтобы форма сразу отправлялась, если не нужен отдельный Submit.

Оценил))
Спасибо большое за наводку, буду ковыряться!) 

DK
На сайте с 09.09.2022
Offline
0
#4
Artisan #:

<INPUT TYPE=SUBMIT NAME=ANALIZ VALUE=" СДАТЬ АНАЛИЗ ">

<INPUT TYPE=SUBMIT NAME=SPRAVKA VALUE=" ПОЛУЧИТЬ СПРАВКУ ">


И потом в программе на сайте проверяете существование данных, ANALIZ, SPRAVKA, какое из них есть, такую кнопку нажали.

Большое спасибо за информацию, буду изучать! 

totamon
На сайте с 12.05.2007
Offline
437
#5
dan-ki :
Подскажите, пожалуйста, как подобное реализовать?
есть такие люди, называются верстальщики... можно найти за недорого, но зависит от объемов🤔
Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget
W1
На сайте с 22.01.2021
Offline
306
#6
dan-ki :
Нужно сверстать форму с одной выбираемой кнопкой, вариант с выпадающим меню не подходит.

А при чём тут выпадающее меню вообще? В голову такой "вариант" даже не пришёл бы.
Если речь идёт о вёрстке - то HTML+CSS в стиле страницы. Если речь идёт о функциональности - то отправка данных на сервер путём через посредство AJAX с последующей обработкой ответа.

Мой форум - https://webinfo.guru –Там я всегда на связи
iworkshop
На сайте с 22.12.2008
Offline
195
#7

9 из 10 что вопрос касается WP.

А значит cf7 и стилизация radio через css. По идее - так будет проще всего.

Хотя можно и через скрытое поле в том же cf7(скрытый input к примеру). Через JS записывать в него значение услуги после клика.

XMLRiver - прямая выдача Google и Яндекс через API

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий