どんなバックエンドなしででも電子メールにフォームを送る方法


こんにちは!
このポストでは、複数の方法でどんなバックエンドなしででもHTMLでフォームを送る方法をあなたに示しています.より多くのポストのために私に続くのを忘れないでください.さあ始めましょう!
フォームのメソッド属性は、これらの各動作方法に対して“post”に設定する必要があります.フォームの入力フィールドには空ではないname属性がなければなりません.この基本的なHTMLマークアップを使います.
<div class="container">
  <form action="#" method="POST">

    <label for="fname">First Name</label>
    <input type="text" id="fname" name="firstname" placeholder="Your name..">

    <label for="lname">Last Name</label>
    <input type="text" id="lname" name="lastname" placeholder="Your last name..">

    <label for="country">Country</label>
    <select id="country" name="country">
      <option value="australia">Australia</option>
      <option value="canada">Canada</option>
      <option value="usa">USA</option>
    </select>

    <label for="subject">Subject</label>
    <textarea id="subject" name="subject" placeholder="Write something.." style="height:200px"></textarea>

    <input type="submit" value="Submit">

  </form>
</div>
今、私はあなたにこれをする最初の方法を示すつもりです.フォーム要素のaction属性でこのコードを追加します.
mailto:[email protected] <!--put your email here-->
これは、メールアプリケーションの新しいウィンドウを開くと、入力フィールドにすべてのユーザーのテキストを取るとメールでそれを置くことです.その後、ユーザーが“送信”をクリックすると、フォームのデータが送信されます.
次の方法は、異なるフォームの提出会社を使用することです.私たちが使用するものは「formspree」と「formsubmit」です.
私は登録を必要としないので、私はそれを始めるつもりです.あなたがする必要がある最初のことはFormsubmit.coに行くことです.
次に、次の画像に示すコードをコピーする必要があります.

フォームのアクション属性にこのコードを貼り付けます.その後、“[email protected]”であなたのメールを入力し、あなたはすべて設定されている!
次にFormspreeを使いましょう.Formspree.ioに行く.次に、“スタートボタンを取得”をクリックして新しいアカウントを作成します.
次に、このページにリダイレクトされます.

「新しいフォーム」をクリックします.次に、フォームの名前を入力し、それを送信する電子メールを選択します.
フォームを作成すると、下の画像が示すコードをコピーします.

次に、フォームのアクション属性にそのコードを貼り付けてください.
これらはHTMLなしでフォームを送信することができますし、バックエンドのコードを別の方法です.私のポストを読んでくれてありがとう、何か質問があれば、知らせてください.
さあさあ!