how to make this work

[r/ Wobben]

Hello,

I have this form in hrml  :

                 <form id="contact-form" action="#0" class="ae-form--full">
                        <input type="text" placeholder="* Name" required>
                        <input type="email" placeholder="* Email" required>
                        <textarea placeholder="Message ..." cols="30" rows="4"></textarea>
                        <p class="au-xs-ta-right au-pt-4 group-buttons">
                            <a href="#0" class="arrow-button arrow-button--right arrow-button--out">Send
                                <span class="arrow-cont">
                                    <%= inline_svg ('arrow.svg') %>
                                </span>
                            </a></p>
                        </form>
                  


how can I make this work expcially the submit link which is not a button but a link.


Roelof

[Walter Lee Davis]

I think that what you need to do instead is style the button to look like a link, not try to get the link to submit the form. Remove the border, background, padding and margin; set the font and color and text-decoration. There's an example in Bootstrap: grep for .btn-link in the css. 

Walter

--
You received this message because you are subscribed to the Google Groups "SimpleForm" group.
To unsubscribe from this group and stop receiving emails from it, send an email to plataformatec-simp...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[r/ Wobben]

Thanks, Can I have then a button with a class and within it the span ?
And then I think I have to change the a css to css which wotks with a button

Roelof


Op dinsdag 3 mei 2016 20:59:41 UTC+2 schreef Walter Davis:

To unsubscribe from this group and stop receiving emails from it, send an email to plataformatec-simpleform+unsub...@googlegroups.com.

[Walter Lee Davis]

The button tag has the same semantics as an <a>, so you could replace the link with a button, like this:

<button class="arrow-button arrow-button--right arrow-button--out">Send

<span class="arrow-cont">
<%= inline_svg ('arrow.svg') %>
</span>

</button>

Walter

>> To unsubscribe from this group and stop receiving emails from it, send an email to plataformatec-simp...@googlegroups.com.

>> For more options, visit https://groups.google.com/d/optout.
>

> --
> You received this message because you are subscribed to the Google Groups "SimpleForm" group.

> To unsubscribe from this group and stop receiving emails from it, send an email to plataformatec-simp...@googlegroups.com.