Cara Membuat Kuesioner dalam HTML

Pria memegang clipboard dan pensil

Formulir HTML memungkinkan Anda mengumpulkan segala macam informasi dari pengunjung situs web Anda.

Kredit Gambar: Stockbyte/Retrofile/Getty Images

Jika Anda ingin mengumpulkan data atau umpan balik dari pengunjung situs web Anda, buatlah kuesioner menggunakan hypertext markup language (HTML). Kuesioner Anda dapat berisi berbagai metode input, mulai dari tombol radio hingga kotak centang hingga daftar drop-down. Setelah pengguna Anda mengisi kuesioner, terima jawabannya di kotak masuk email Anda.

Langkah 1

Buka dokumen HTML di mana Anda ingin menampilkan kuesioner Anda di Notepad, editor HTML bawaan host web Anda, atau editor HTML pilihan Anda. Jika Anda memulai halaman web baru, buat dokumen TXT baru, lalu masukkan tag dasar:

Video Hari Ini

Judul halaman web

Tag formulir yang Anda buat akan berada di antara tag pembuka dan penutup. Saat Anda menyelesaikan kuesioner, simpan dokumen sebagai HTML atau HTML, lalu buka di browser web apa pun untuk melihat pratinjau pekerjaan Anda.

Langkah 2

Masukkan

. Semua pertanyaan Anda dan tag akan berada di antara dua tag ini. Setiap tag harus berisi atribut "nama", seperti. Agar jawaban kuesioner Anda diteruskan ke alamat email Anda,

Langkah 3

Menggunakan tag untuk membuat bidang input satu baris di mana pengguna dapat mengetikkan jawaban mereka. Misalnya, jika Anda ingin menanyakan siapa yang merujuk pengguna ke situs web Anda, kode Anda akan terlihat seperti ini:

Langkah 4

Menggunakan tag untuk membuat tombol radio. Dengan tombol radio, pengguna hanya dapat memilih satu opsi. Setiap input di set tombol radio Anda harus memiliki nama yang sama, tetapi atribut nilai unik. Misalnya, untuk menanyakan apakah pengunjung menikmati situs web Anda, gunakan ini:

Ya

Tidak

Tag membuat jeda baris di halaman web Anda, karena HTML dengan sendirinya tidak mengenali spasi.

Langkah 5

Menggunakan tag untuk membuat kotak centang. Tidak seperti tombol radio, pengguna dapat memilih beberapa kotak centang dalam satu set. Sama seperti tombol radio, setiap opsi dalam kumpulan harus memiliki nama yang sama tetapi memiliki nilai unik. Misalnya, untuk meminta pengunjung menyarankan fitur untuk situs web Anda:

Lebih banyak gambar!

Lebih banyak tautan!

Lebih banyak konten!

Langkah 6

Gunakan tag untuk membuat daftar pilihan tarik-turun di mana pengguna hanya dapat memilih satu opsi. Untuk setiap opsi dalam daftar Anda, buat yang terpisah diatur antara pembukaan dan penutupan

Karena opsi "warna" menampilkan atribut yang dipilih, itu akan menjadi pilihan default.

Langkah 7

Menggunakan tag untuk membuat tombol kirim. Ketika pengguna mengklik tombol ini, informasi yang dia masukkan akan diteruskan kepada Anda, tergantung pada metode pengambilan yang Anda tentukan di pembukaan