在用户单击图像顶部的按钮后，我如何创建一个模板供用户填写？

Question

这种类型 - 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 吗？

Answer 1

您可以使用 href 标签，也可以在用户单击图像时弹出模式。（第二个选项需要 js）但看起来你需要的是一个简单的 link 到另一个带有表单的页面。

对于模态，请查看 w3bschools.com 模态教程。

Answer 2

你可以尝试使用模态，这里有一个演示：

<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>

结果：

在用户单击图像顶部的按钮后，我如何创建一个模板供用户填写？

How can i create a template for the user to fill in, after they click on a button on top of an image?

html

c#

asp.net-mvc

viewmodel

asp.net-core