Cara Membuat Formulir Di Situs

Daftar Isi:

Cara Membuat Formulir Di Situs
Cara Membuat Formulir Di Situs

Video: Cara Membuat Formulir Di Situs

Video: Cara Membuat Formulir Di Situs
Video: Cara Membuat Form Pendaftaran dengan Google Form 2024, Mungkin
Anonim

Formulir untuk situs telah tersebar luas di Internet. Formulir digunakan untuk berlangganan berita, memesan buku, video pelajaran, dan berbagai materi. Formulir adalah area halaman situs yang terbatas secara khusus, di mana pengunjung situs diundang untuk memasukkan informasi apa pun atau memilih tindakan spesifik apa pun dari sejumlah yang diusulkan. Saat membuat formulir, Anda dapat melakukannya dengan skrip khusus, tetapi kami akan menulisnya secara manual untuk memahami seluruh teknologi pekerjaan dan struktur formulir.

Cara membuat formulir di situs
Cara membuat formulir di situs

Itu perlu

  • 1) File situs HTML
  • 2) Pengetahuan tentang dasar-dasar HTML
  • 3) Pengetahuan tentang dasar-dasar PHP

instruksi

Langkah 1

Mari kita mulai membuat formulir di situs. Formulir akan menjadi contoh berikut: nama, kata sandi, alamat email, pembawa data, jenis kursus. itu. formulirnya adalah untuk berlangganan kursus video.

Buka file html dan mulai masukkan kodenya. Tag yang bertanggung jawab untuk membuat formulir adalah "form". Kami menulis tag bersama dengan atribut "form action =" obrabotka.php”method =” post”name” forma1”". Mari kita mulai membuat elemen formulir. Hampir semua elemen dibuat menggunakan tag, dan atribut "type", yang bertanggung jawab untuk tipe data, misalnya, teks, kata sandi, dan sebagainya. Kami selalu memberi nama "nama" untuk atribut apa pun.

Kami meresepkan: "br" Masukkan nama: "br"

"masukkan nama =" fio"

"br" Masukkan kata sandi: "br"

"masukkan nama =" lulus"

"br" Masukkan E-mai: l "br"

"masukkan nama =" email ".

Langkah 2

Selanjutnya, kita membuat elemen pemilihan tombol radio. Tombol radio adalah elemen bentuk yang, ketika ditekan dengan kursor, menyala, dan tombol radio lainnya dimatikan. Mari kita jelaskan dengan contoh formulir kita. Saat memesan kursus, pilihan akan terdiri dari CD atau DVD, jadi Anda harus memilih salah satu. Elemen atribut "type" - "radio" bertanggung jawab untuk membuat tombol seperti itu. Kami akan menulis nama yang sama untuk jenis media, jadi kami akan menentukan atribut "nilai" sehingga pawang dapat secara akurat menentukan nilai variabel. Kami mendaftarkan kode: "br" Pilih opsi media penyimpanan: "br"

"masukan nama =" disc "nilai =" cd " CD "br"

"masukan nama =" disc "nilai =" dvd " DVD "br"

Jika atribut "nilai" diatur ke teks, maka formulir akan segera menampilkan nilai yang kita tetapkan untuk atribut ini. Misalnya, agar dalam bentuk nama lengkap sudah ada beberapa nama (nilai = "nama").

Langkah 3

Mari kita beralih ke membuat elemen formulir di mana Anda dapat membuat banyak pilihan Elemen tersebut dibuat menggunakan type =”checkbox”. Kami mendaftarkan kode:

"br" Tunjukkan jurusan yang diminati "br"

"input name =" ch1 "value =” yes”" Kursus pengembangan situs web "br"

"input name =" ch2 “value =” yes”" Kursus pembuatan buku "br"

Jika mau, Anda dapat menempatkan kotak centang default, untuk ini kami hanya menulis kata dicentang di tag "input". Kami meresepkan (nilai = "ya") seperti yang ditunjukkan dalam kode, agar tidak bingung saat membuat file php.

Kami segera mendaftarkan jenis pengiriman menggunakan tag "pilih":

Tentukan jenis pengiriman "br"

"pilih nama =" pengiriman"

"pilihan" Mendesak

"pilihan" Normal

"/ pilih" "br"

Selanjutnya kita membuat kolom untuk komentar atau alamat pengguna. Tag "textarea", atribut dari tag ini adalah "baris" dan "kolom", yang bertanggung jawab atas ukuran bidang ini.

Masukkan alamat dan catatan Anda

"textarea name =" add_text "rows =" 5 "cols =" 30"

"/ bidang teks"

Buat tombol kirim menggunakan tag yang sudah dikenal: "nilai input =" Kirim " Jangan lupa untuk menutup tag "formulir"

Formulir selesai
Formulir selesai

Langkah 4

Kami mulai membuat file obrabotka.php, buka dan daftar

? Jika (! Isset ($ ch1)) {$ ch1 =” tidak”;}

If (! Isset ($ ch2)) {$ ch2 =”tidak”;}

mail ("surat penerima", "subjek (memesan disk, misalnya)", "isi surat, (seseorang bernama $ fio yang menentukan kata sandi $ pass, menunjukkan alamat emailnya - $ email, memilih media opsi $ disc, menunjukkan bahwa dia ingin melihat pada disk kursus berikut: / n kursus membuat situs web - $ ch1 / n kursus membuat buku $ ch2, menunjukkan jenis pengiriman - $ pengiriman, menunjukkan $ add_text sebagai alamat rumah dan catatan.)”); ?"

Formulir sudah siap.

Direkomendasikan: