Dapatkah saya menyematkan formulir html di email?

Question

Kebutuhan Anda sederhana; . Namun, mendapatkan hak ini tidak semudah kedengarannya. Artikel ini mencoba menjernihkan kesalahpahaman yang dulu dimiliki beberapa orang tentang formulir email

Table of Contents Show

Bagaimana cara mengirim email langsung dari formulir HTML Anda?
Apakah ada Kode HTML untuk mengirim email dari pengiriman formulir?
Bisakah JavaScript mengirim pengiriman formulir ke alamat email?
Jadi, Bagaimana cara mendapatkan email dari formulir HTML?
Mengidentifikasi Sendi
Bisakah Anda menyematkan formulir yang bisa diisi di email?
Bagaimana Anda menyematkan formulir di badan email?
Bagaimana cara menyematkan formulir di email Outlook?
Bagaimana cara menautkan formulir ke email dalam HTML?

Bagaimana cara mengirim email langsung dari formulir HTML Anda?

Ini akan menjadi fitur yang bagus untuk pengembang web jika browser membiarkan mereka mengarahkan pengiriman formulir langsung ke alamat email. Tapi bukan itu masalahnya. Alasannya adalah jika browser mengizinkan mengirim email langsung dari halaman formulir, itu akan mengungkapkan alamat email pengunjung. Peretas jahat dapat mengumpulkan alamat email pengunjung ke halaman web dan kemudian mengirim spam kepada mereka. Untuk melindungi pengguna web, tidak ada bahasa sisi klien yang dapat mengirim email tanpa campur tangan pengguna

Apakah ada Kode HTML untuk mengirim email dari pengiriman formulir?

Tidak ada fitur dalam HTML untuk mengirimkan formulir pengiriman langsung ke alamat email. Bagaimana dengan "mailto"? . Anda dapat mengatur bidang tindakan formulir sebagai 'mailto'. Dalam hal ini, browser web memanggil klien email untuk mengirimkan pengiriman formulir ke alamat email yang ditentukan


<form action="mailto:[email protected]">

Namun, metode ini tidak kompatibel di seluruh browser. Ini juga tidak ramah pengguna; . Untuk detail lebih lanjut tentang metode ini, lihat. formulir email menggunakan mailto

Bisakah JavaScript mengirim pengiriman formulir ke alamat email?

Tidak. JavaScript juga tidak bisa melakukan email. Jika JavaScript sisi klien mengizinkan pengiriman email secara terprogram, spammer akan menjadi yang pertama mengeksploitasinya dan Anda akan membenci browser web Anda

Jadi, Bagaimana cara mendapatkan email dari formulir HTML?

Sebelum melompat ke solusi, saya akan membawa Anda melalui struktur umum formulir web. Formulir web memiliki dua bagian. front-end formulir yang Anda lihat di browser Anda dan skrip back-end yang berjalan di server web

Browser web Anda menampilkan Formulir menggunakan kode front-end HTML. Saat Anda mengirimkan formulir, browser mengirimkan informasi yang Anda kirimkan dalam formulir ke back-end

Tautan ke skrip back-end disebutkan dalam atribut 'tindakan' dari tag formulir HTML


<form action="http://yourwebsite.com/yourform-processor.php">

_

Browser mengambil tautan (URL) yang disebutkan dalam atribut tindakan dan mengirimkan data pengiriman formulir ke URL itu. Server web meneruskan data pengiriman formulir ke skrip di URL tindakan (yourform-processor. php dalam contoh. ) Sekarang, skrip back-end dapat mengirim email, menyimpan pengiriman formulir ke database atau bahkan mengarahkan pengguna ke halaman pembayaran

Bagaimana cara membuat Script back-end?

Ada sejumlah bahasa scripting yang dibuat untuk pemrograman back-end. PHP adalah salah satu platform skrip yang populer dan didukung secara luas (Lainnya termasuk Perl, Ruby, ASP- hanya untuk windows- dll) Hampir semua layanan hosting mendukung PHP di server web mereka

Bekerja dari skrip PHP sederhana

Skrip PHP berjalan di server web Anda. Saat formulir dikirimkan, skrip surat formulir mengumpulkan data yang dikirimkan dalam formulir, menulis email, dan mengirimkan email ke alamat yang telah dikonfigurasi.

Jadi jelas, itu bisa dilakukan. Memeriksa sumber email Google, tidak ada yang istimewa. Hanya bentuk HTML seperti yang lain

Saya memutuskan untuk mencobanya sendiri, jadi saya membuat halaman PHP cepat untuk mengirim sendiri email HTML

<?php

$to = '[email protected]';

$subject = 'HTML Form in HTML Email';

$headers = "From: [email protected]\r\n";
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";

$message = '<html><body>';
$message .= '<form action="http://mysite.com/process.php" method="post" target="_blank">';
$message .= '<label>How did you like the movie <strong>Turfnuts</strong>?</label><br />';
$message .= '<input name="rating" type="radio" /> ★☆☆☆<br />';
$message .= '<input name="rating" type="radio" /> ★★☆☆<br />';
$message .= '<input name="rating" type="radio" /> ★★★☆<br />';
$message .= '<input name="rating" type="radio" /> ★★★★<br />';
$message .= '<br />';
$message .= '<label for="commentText">Leave a quick review:</label><br />';
$message .= '<textarea cols="75" name="commentText" rows="5"></textarea><br />';
$message .= '<br />';
$message .= '<input type="submit" value="Submit your review" />&nbsp;</form>';
$message .= '</body></html>';

mail($to, $subject, $message, $headers);

?>

Itu berhasil

Saya hanya menguji GMail sejauh ini. GMail memberikan peringatan ini saat mengirimkan formulir

Itu hanya peringatan. Kedengarannya tidak terlalu menakutkan. Tapi itu tidak sebersih mengirimkan formulir di situs web biasa. Pasti ada beberapa pengguna yang akan membatalkan dan tidak melanjutkan pengiriman. Email Google sendiri melakukan ini juga. Jika Anda mengklik "OK", formulir dikirimkan seperti yang Anda harapkan

Mengidentifikasi Sendi

Perhatikan email Google (atau tes cepat saya) tidak menyertakan bidang seperti "Nama" dan "Email". Itu akan konyol bukan? . Tapi bagaimana Anda mengetahuinya ketika Anda menerima data formulir? . Sistem apa pun yang Anda gunakan untuk menghasilkan email ini juga dapat menjatuhkan email itu dalam nilai masukan

<input type="hidden" name="email" value="[[prefill with email]]">

Tapi itu tidak terlalu aman. Siapa pun yang menggali dapat melihat bagaimana Anda memposting data itu dan mengirimkan posting palsu dengan alamat email asli. Tidak baik. Mungkin lebih baik memposting formulir dengan kode rahasia yang mengidentifikasi pengguna (dan hal lain yang ingin Anda identifikasi dengan aman, seperti produk yang mereka ulas)

<input type="hidden" name="email" value="90d8a0f9d87a0987d098ad87fa0ds7fd">
<input type="hidden" name="product" value="0870n89f7cxz98f7e0qwd87sdf">

_

Nilai-nilai omong kosong itu akan menjadi hash asin yang Anda simpan di pihak Anda sebelum dikirim. Kemudian ketika Anda menerimanya kembali, Anda dapat mencocokkannya dan tahu persis pengguna dan produk untuk apa ulasan itu. Sekarang saya bukan ahli keamanan, jadi beri tahu saya jika ada cara yang lebih cerdas

Mendukung

Mark Wyner membuat blog tentang ini untuk Monitor Kampanye pada tahun 2007. Inilah dukungan dari saat itu

Informasi 2007 tentang dukungan untuk formulir HTML di email HTML

Saya ingin memperbarui bagan ini dengan lebih banyak klien email saat ini. Jika ada yang bisa menjalankan tes, beri tahu saya, kami akan mulai membuatnya

Karena posting blog di Monitor Kampanye, saya hanya dapat berasumsi bahwa mereka mengizinkan Anda mengirim email yang menyertakan formulir, tetapi saya belum mengujinya. Saya memang mencoba mengirim satu dari MailChimp, tetapi tampaknya mereka menghapus formulir sebelum mengirim email. Menurut artikel lama itu, beberapa klien email menganggap email dengan formulir "tidak aman", jadi ini mungkin permainan dari MailChimp untuk mencegah pengalaman buruk bagi pengguna seperti itu dan meningkatkan keterkiriman

Jika Anda berpikir untuk menggunakan ide ini dalam praktik, untuk kasus penggunaan seperti yang disajikan di atas, Anda tidak akan dapat menggunakan layanan untuk mengirim email (karena Anda harus membuat, menyimpan, mengirim hash asin tersebut dengan aman

Pandangan

Sepertinya versi Outlook yang lebih lama menghapus fungsionalitas formulir. Jadi itu masalah. Semoga versi baru tidak melakukan itu. Outlook versi lama juga menggunakan Internet Explorer sebagai mesin rendering, yang berarti Anda dapat menggunakan tag bersyarat untuk membantu

<!--[if IE]>
      <a href="http://yourwebsite.com/review.php?whatever">
        Review this product
      </a>
<![endif]-->
<!--[if !IE]><!-->
      <form>
         <!-- Actual review form -->
      </form>
 <!--<![endif]-->

Milage pada itu mungkin berbeda… ternyata Outlook 2007 dan Outlook 2010 menggunakan Microsoft Word (WTF) sebagai mesin rendering, bukan Internet Explorer. Tidak yakin bagaimana tag bersyarat bekerja di Microsoft Word (sekali lagi, WTF)

Bisakah Anda menyematkan formulir yang bisa diisi di email?

Ya, Anda dapat menyematkan formulir aktual di dalam badan email Anda tetapi sebelum Anda melanjutkan melakukannya, harap pertimbangkan mengapa menyematkan formulir di dalam email bukanlah praktik yang baik.

Bagaimana Anda menyematkan formulir di badan email?

Berikut cara menyematkan Formulir Google di email. .

Dengan formulir Anda terbuka, klik "Kirim" di sudut kanan atas Google Formulir

Sebuah "Kirim formulir" akan muncul. Masukkan alamat email penerima dan sesuaikan baris subjek dan pesan

Terakhir, centang kotak yang bertuliskan “Sertakan formulir di email. ”

Bagaimana cara menyematkan formulir di email Outlook?

Cara menyematkan Formulir Google di email Outlook .

Di Formulir Google, Tekan tombol "Kirim". Klik pada tab email lalu isi email Anda sendiri (yang Anda akses menggunakan Outlook)

Kirim formulir ke diri Anda sendiri. Pilih opsi "sertakan formulir dalam email". .

Teruskan email dari outlook. Anda mungkin ingin memformat bagian atas

Bagaimana cara menautkan formulir ke email dalam HTML?

Tidak ada fitur dalam HTML untuk mengirim pengiriman formulir langsung ke alamat email. Bagaimana dengan "mailto"? . Anda dapat menyetel bidang tindakan formulir sebagai 'mailto' Using mailto: You can set the action field of the form as 'mailto' . Dalam hal ini, browser web memanggil klien email untuk mengirimkan pengiriman formulir ke alamat email yang ditentukan.

kode html