Как я могу создать шаблон для заполнения пользователем после того, как он нажмет кнопку поверх изображения?

Этот тип - https://www.w3schools.com/howto/img_snow.jpg и изображение является кнопкой или имеет кнопку поверх него, а затем Я хочу перенаправить пользователя на шаблон для заполнения

https://olegkrivtsov.github.io/using-zend-framework-3-book/html/en/images/forms/styled_contact_form.png что-то типа этого. Нужен ли для этого JavaScript?

c# html asp.net-mvc asp.net-core viewmodel

17.03.2022 19:48

Стоит ли изучать PHP в 2023-2024 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Вы можете либо использовать тег href, либо сделать модальное всплывающее окно, когда пользователь нажимает на изображение. (второй вариант требует js), но похоже, что вам нужна простая ссылка на другую страницу с формой на ней.

для модального окна посетите w3bschools.com для модального учебника.

17.03.2022 20:52

Ответ принят как подходящий

Вы можете попробовать использовать модальное окно, вот демо:

<input data-toggle = "modal" data-target = "#exampleModal" type = "image" src = "~/images/button1.jpg" />
<div class = "modal fade" id = "exampleModal" tabindex = "-1" role = "dialog" aria-labelledby = "exampleModalLabel" aria-hidden = "true">
    <div class = "modal-dialog" role = "document">
        <div class = "modal-content">
            <div class = "modal-header">
                <h5 class = "modal-title" id = "exampleModalLabel">Contact Us</h5>
                <button type = "button" class = "close" data-dismiss = "modal" aria-label = "Close">
                    <span aria-hidden = "true">&times;</span>
                </button>
            </div>
            <div class = "modal-body">
                ... your content here
            </div>
            <div class = "modal-footer">
                <button type = "button" class = "btn btn-secondary" data-dismiss = "modal">Close</button>
                <button type = "button" class = "btn btn-primary">Submit</button>
            </div>
        </div>
    </div>
</div>

результат: