HTML "mailto" 的自定义按钮编码

Question

所以我开始使用Foundation。确实很不错。
我正在使用基金会的自定义 "Radius Button"，制作一个 "mailto:" 表格。

基本上，我在网上能找到的都是丑陋的默认值HTML buttons/labels。
有什么方法可以使用这个按钮和 Foundation 的 "Input Label's" 创建一个 "mailto:" 表单吗？

这里是buttons/labels全部整理出来的源码：

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

我以前从未使用过 Foundation，但我认为，除非您仅通过代码知道答案，否则您可以将其实现到 pre-made Foundation "project".

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

看到发送 & 重置了吗？这就是我要用来提交并发送给我的。

感谢您的帮助。

Answer 1

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

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

所以 link 应该是这样的：

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

HTML "mailto" 的自定义按钮编码

HTML Coding custom button for "mailto"

html

zurb-foundation-5