HTML编码“mailto”的自定义按钮

Question

所以我开始使用Foundation。非常好。
我使用基金会的自定义＆＃34; Radius Button＆＃34;来制作一个＆＃34; mailto：＆＃34;形式。

基本上，我在网上找到的只是丑陋的默认HTML按钮/标签 有没有办法可以使用此按钮和基金会＆＃34;输入标签＆＃34;创建一个＆＃34; mailto：＆＃34;形成吗

以下是所有已整理的按钮/标签的源代码：

<div class="row">
  <div class="large-12 columns">
    <div class="panel">

        <h3>Survey</h3>
        <p>I'm looking into what to create, but need ideas!
        Anything will help, and the time it takes you to fill one out, is nothing!</p>

        <div class="row">
            <div class="large-4 medium-4 columns">
                <label>Email (Optional)</label>
                <input type="text" placeholder="Email" />
            </div>
            <div class="large-4 medium-4 columns">
                <label>Idea Subject (What's it about?)</label>
                <input type="text" placeholder="Subject" />
            </div>
        </div>
        <div class="row">
                <div class="large-12 columns">
                  <label>What is your idea?</label>
                  <textarea placeholder="Idea"></textarea>
        </div>
    </div>
    <div class="row">
        <div class="large-4 medium-4 small-4 columns">
        <a href="#" class="small radius button">Send</a>
        <a href="#" class="small radius button">Reset</a>
    </div>
    </div>
  </div>
</div>
</div>

我以前从未使用过基金会，但我认为，除非你只通过代码知道答案，否则你可以将其实现为预先制作的基础＆＃34;项目＆＃34;。

但无论如何，以下是HTML预览时的样子：

参见发送＆amp; 重置？这就是我想用来提交它并发送给我的。

感谢您的任何帮助。

Answer 1

如果要输出人们在文本框中输入的内容，则必须使用Javascript。您可以在mailto中使用这些变量：

&cc =设置CC收件人
&bcc =设置BCC收件人
&subject =设置电子邮件主题，URL编码更长的句子，因此用％20替换空格等。
&body =设置邮件正文，您可以在此处添加完整句子，包括换行符。换行符应转换为％0A。

所以链接应如下所示：

<a href="mailto:info@example.com?subject=subject&cc=cc@example.com">mail link</a>