如何创建一步式表单?

时间:2017-10-07 06:06:33

标签: html css

有谁知道如何创建一步式表单,您需要做的唯一事情就是单击其中一个SVG?这是一个截图: Screenshot

我想要实现的是在页面的底部,将会有一个<h1>Did you find this helpful?</h1>标记,后面跟着这些SVG,当点击它们时,会发送一封电子邮件到一个电子邮件地址,该主题是电子邮件的更改取决于用户点击的是哪一个,然后是他们点击SVG的URL。

2 个答案:

答案 0 :(得分:2)

添加链接,如:

<a href="someurl?smile=1">first svg</a>
<a href="someurl?smile=2">second svg</a>
<a href="someurl?smile=3">third svg</a>

如果你想在这种情况下发布参数,你需要使用javascript。

答案 1 :(得分:2)

使用onkeypress属性在单击时激活功能。

function submitform(mood) {
    window.location.href = "http://foo.com/formsubmit?mood=" + mood;
}

<img src="Happy.jpg" onkeypress="submitform("happy")">
<img src="No_Expression.jpg" onkeypress="submitform("None")">
<img src="Sad.jpg" onkeypress="submitform("Sad")">