どんなバックエンドなしででも電子メールにフォームを送る方法
こんにちは!
このポストでは、複数の方法でどんなバックエンドなしででもHTMLでフォームを送る方法をあなたに示しています.より多くのポストのために私に続くのを忘れないでください.さあ始めましょう!
フォームのメソッド属性は、これらの各動作方法に対して“post”に設定する必要があります.フォームの入力フィールドには空ではないname属性がなければなりません.この基本的なHTMLマークアップを使います.
次の方法は、異なるフォームの提出会社を使用することです.私たちが使用するものは「formspree」と「formsubmit」です.
私は登録を必要としないので、私はそれを始めるつもりです.あなたがする必要がある最初のことはFormsubmit.coに行くことです.
次に、次の画像に示すコードをコピーする必要があります.
フォームのアクション属性にこのコードを貼り付けます.その後、“[email protected]”であなたのメールを入力し、あなたはすべて設定されている!
次にFormspreeを使いましょう.Formspree.ioに行く.次に、“スタートボタンを取得”をクリックして新しいアカウントを作成します.
次に、このページにリダイレクトされます.
「新しいフォーム」をクリックします.次に、フォームの名前を入力し、それを送信する電子メールを選択します.
フォームを作成すると、下の画像が示すコードをコピーします.
次に、フォームのアクション属性にそのコードを貼り付けてください.
これらはHTMLなしでフォームを送信することができますし、バックエンドのコードを別の方法です.私のポストを読んでくれてありがとう、何か質問があれば、知らせてください.
さあさあ!
このポストでは、複数の方法でどんなバックエンドなしででも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なしでフォームを送信することができますし、バックエンドのコードを別の方法です.私のポストを読んでくれてありがとう、何か質問があれば、知らせてください.
さあさあ!
Reference
この問題について(どんなバックエンドなしででも電子メールにフォームを送る方法), 我々は、より多くの情報をここで見つけました https://dev.to/abhidevelopssuntech/how-to-send-a-form-to-an-email-without-any-backend-5enbテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol