0

所以我开始使用Foundation。的确很好。
我正在使用Foundation 的自定义“半径按钮”来制作“mailto：”表单。

基本上，我在网上只能找到丑陋的默认 HTML 按钮/标签。
有没有办法可以使用这个按钮和 Foundation 的“输入标签”来创建一个“mailto：”表单？

这是所有整理出来的按钮/标签的源代码：

<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，但我认为，除非您仅通过代码知道答案，否则您可以将其实现到预制的 Foundation“项目”中。

但无论如何，这是上面的 HTML 预览时的样子：

预览时的 HTML

看到发送和重置？这就是我想用来提交并发送给我的东西。

感谢您提供的任何帮助。

4

1 回答 1

0

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

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

所以一个链接应该是这样的：

<a href="mailto:info@example.com?subject=subject&cc=cc@example.com">mail link</a>
于 2015-01-11T13:52:51.070 回答