0

だから私はFoundationを使い始めました。とても素敵です。
また、「mailto:」フォームを作成するために、Foundation のカスタム「Radius Button」を使用しています。

基本的に、私がオンラインで見つけることができるのは、醜いデフォルトの 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= CC 受信者を設定する
&bcc= 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 に答える