Borang yang berfungsi tanpa backend
Tambah satu atribut pada borang di laman statik anda dan setiap kiriman akan masuk ke papan pemuka. Tiada JavaScript, tiada widget terbenam, tiada perkhidmatan pihak ketiga, dan orang yang mengisinya pun tidak perlu mendaftar apa-apa.
<form harvis-form="contact"> <input name="email" type="email" required> <textarea name="message"></textarea> <button>Send</button> </form>
Tiga langkah, dan satu daripadanya ialah deploy semula
Tiada pembina borang untuk dipelajari dan tiada endpoint untuk disalin. Atribut itulah keseluruhan tetapannya.
- 01
Tambah atribut
Letak harvis-form pada mana-mana borang dalam HTML anda. Beri nama kalau laman itu ada lebih daripada satu. Tinggalkan action dan method — kedua-duanya diisi semasa halaman dihidangkan.
- 02
Deploy semula
Seret folder itu masuk sekali lagi, atau jalankan npx harvis. Tiada apa untuk dikonfigurasi, tiada kunci untuk ditampal, tiada suis untuk dihidupkan dahulu dalam papan pemuka.
- 03
Baca apa yang masuk
Kiriman muncul di bawah laman anda dalam papan pemuka, yang terbaharu di atas. Buka satu baris untuk membaca semuanya, atau ambil kesemuanya sebagai CSV.
Semuanya cuma dua atribut
harvis menulis semula borang itu semasa ia keluar dari pelayan, jadi halaman yang anda tulis kekal sebagai halaman yang anda tulis.
<form harvis-form="contact"
data-harvis-redirect="/thanks.html">
<input name="email" type="email" required>
<button>Send</button>
</form><form harvis-form="contact"
data-harvis-redirect="/thanks.html"
action="/__harvis/form/contact" method="post">
<input type="hidden" name="_harvis_redirect" value="/thanks.html">
<input type="text" name="_harvis_hp" tabindex="-1" aria-hidden="true" style="…">
<input name="email" type="email" required>
<button>Send</button>
</form>Dua atribut itu
- harvis-form
- Menanda borang itu sebagai borang yang perlu dikumpul. Nilainya menjadi namanya, supaya beberapa borang pada satu laman kekal berasingan; tinggalkan nilainya dan ia dikumpul di bawah “default”.
- data-harvis-redirect
- Pilihan. Halaman di laman anda untuk membawa orang selepas mereka menghantar. Apa-apa yang menghala ke luar laman anda diabaikan.
Apa yang anda dapat
Semua di bawah ini hidup secara lalai. Tiada halaman tetapan untuk mana-mana daripadanya.
Tiada JavaScript
Borang menghantar cara HTML sentiasa menghantar. Ia tetap berfungsi walaupun skrip disekat, pada telefon yang perlahan, dan dalam pelayar yang hanya memaparkan teks.
Spam ditapis
Setiap borang dihidangkan dengan satu medan umpan yang tidak dapat dilihat sesiapa, dan apa sahaja yang mengisinya digugurkan tanpa diberitahu. Had kadar mengehadkan berapa banyak seorang pelawat, dan satu laman, boleh hantar dalam sejam.
Seberapa banyak borang yang anda mahu
Namakan borang anda — borang hubungi dan borang pendaftaran pada laman yang sama masing-masing menyimpan senarai sendiri, dan boleh ditapis serta dieksport secara berasingan.
Halaman terima kasih anda sendiri
Halakan borang ke halaman yang anda tulis sendiri dan di situlah orang mendarat selepas menghantar. Tinggalkan sahaja, dan mereka akan dapat halaman pengesahan biasa.
Eksport bila-bila masa
Satu butang memberi anda CSV dengan satu lajur untuk setiap medan yang pernah dihantar sesiapa, jadi borang yang bertambah satu soalan di pertengahan jalan tetap dibuka sebagai satu jadual.
Tiada apa yang mengekori sesiapa
Tiada skrip penjejak, tiada kuki, tiada pihak ketiga dalam halaman itu. Alamat pelawat di-hash sebelum disimpan, dan itu pun hanya supaya had kadar dapat membezakan dua kiriman.
Hadnya
Murah hati untuk borang hubungi, cukup ketat supaya skrip yang dihalakan ke laman anda tidak memenuhi peti masuk anda.
- Medan setiap kiriman
- 30
- Panjang satu medan
- 5,000 aksara
- Saiz satu kiriman
- 64 KB
- Kiriman setiap laman
- 60 sejam
- Kiriman setiap pelawat
- 20 sejam
- Disimpan setiap laman
- 1,000, terbaharu dahulu
Soalan
Apa yang orang tanya sebelum meletakkan borang pada laman statik.
Apa itu borang statik?
Borang pada laman yang tiada pelayan sendiri. Biasanya itu bermakna borang itu tiada tempat untuk menghantar apa-apa, sebab itulah laman statik selalunya meminjam perkhidmatan borang pihak ketiga. harvis sudah pun menghidangkan setiap halaman laman anda, jadi ia boleh menyambut kiriman itu semasa lalu.
Perlukah saya tahu menulis kod?
Anda cuma perlu boleh menambah satu perkataan pada satu baris HTML. Kalau laman anda ditulis oleh AI, minta ia tambah atribut harvis-form pada borang itu — ia tahu caranya, kerana arahan yang harvis terbitkan untuk pembantu AI memang menyatakannya.
Adakah ia berfungsi dengan JavaScript dimatikan?
Ya. Itulah sebabnya ia dibina begini. Borang membuat post HTML biasa dan pelayar mengikut satu ubah hala selepas itu, betul-betul macam borang berfungsi sebelum JavaScript wujud.
Boleh saya terus guna endpoint sendiri atau perkhidmatan borang lain?
Boleh — jangan tambah atribut itu sahaja. Borang tanpa harvis-form dihidangkan betul-betul seperti anda menulisnya, termasuk action. Pada borang yang ada atribut itu, harvis menggantikan action-nya, kerana menambah atribut itulah cara anda memberitahu ke mana kiriman patut pergi.
Boleh orang lampirkan fail?
Belum lagi. Medan fail pada borang yang dikumpul masih berfungsi untuk pelawat, tetapi failnya tidak disimpan — hanya medan teks yang dikekalkan.
Apa jadi pada kiriman kalau saya padam laman itu?
Ia hilang sekali. Kiriman milik laman, bukan milik satu deploy, jadi deploy semula mengekalkannya dan memadam laman membuangnya terus. Eksport CSV dahulu kalau anda mahu menyimpannya.
Terbitkan satu laman dan cubalah
Menerbitkan adalah percuma dan mengambil masa kira-kira dua saat. Tambah atribut pada borang, deploy semula, dan hantar mesej ujian kepada diri sendiri.