Dan selamat datang kembali.
Kita akan masuk ke beberapa tag yang lebih canggih dan mungkin tag terpenting yang akan Anda gunakan selain yang
telah kita bahas sejauh ini, adalah tag yang kita perlukan untuk membuat formulir.
Seperti yang Anda ketahui, ketika Anda membuka situs web, biasanya ada semacam formulir masuk atau pendaftaran.
Jadi kita akan membangunnya hari ini untuk memulai.
Mari kita buat file baru di sini.
Kami akan menyimpannya dan menyebutnya sebagai HTML terdaftar di desktop kami.
Sempurna, dan kami tahu bahwa kami juga ingin menggunakan pintasan kecil kami dan kami akan memberinya judul register, simpan itu.
Dan sekarang di file indeks, mari tambahkan tautan lain.
Referensi itu mendaftar dot html dan saya hanya akan mengatakan di sini, daftar.
Baiklah, kita akan menyimpan kedua file ini dan mari kita refresh, kita sudah mendaftar.
Klik daftar.
Yah, kita belum punya apa-apa, tapi sepertinya berhasil, mari tambahkan ini di baris baru hanya karena terlihat
lebih cantik seperti itu.
Jadi untuk melakukannya, jika Anda ingat, kami akan menambahkan tag rem.
Jadi mari kita segarkan.
Ini dia.
Kami memiliki halaman baru dan mendaftar.
OK, jadi mari kita buat formulir ini jika kita masuk untuk mendaftar DOT.
Cara kami menulis formulir dalam HTML, sementara ada tag formulir.
OK, tetapi tag formulir ini sendiri, harus memiliki formulir sebenarnya di dalamnya.
Jadi apa jenis elemen bentuk yang kita miliki?
Nah, sekali lagi, jika kita ingat teman lama kita W tiga C, mari kita ketik formulir.
Dan kita bisa melihat di sini bahwa kita memiliki peternakan kecil.
Dan penyegaran akan membuat layar penuh itu dan Anda dapat melihat di sini bahwa ada banyak sekali informasi tentangnya,
tetapi Anda dapat mencarinya sendiri untuk saat ini.
Saya akan memperkenalkan Anda pada yang paling umum, mungkin yang akan Anda gunakan 90 persen dari
waktu.
Yang pertama, seperti yang kita lakukan dengan formulir apa pun dan mari kita pergi ke pangkalan itu untuk saat ini, adalah apa yang ingin kita masukkan nama
kita.
Jadi bagaimana kita melakukannya?
Kami memiliki tag masukan.
Itu memiliki jenis teks karena, yah, nama kita akan berada dalam bentuk teks dan kita dapat menutupnya dan itu sebenarnya adalah
tag yang menutup sendiri.
Jadi sekarang jika saya menyimpan dan menyegarkan, OK, kami memiliki kotak kecil di sini.
Semoga Anda bisa melihatnya.
Tapi, yah, kita mungkin harus memberi judul karena kita tidak tahu harus menjawab apa seperti itu.
Jadi kita akan dimasukkan ke dalam sini.
Kami akan menyebutkan nama depan.
Titik koma dan simpan, mari kita segarkan, kita memiliki nama depan dan sekarang mari kita buat ini sedikit lebih besar.
Ini dia.
Sekarang Anda dapat memasukkan nama Anda di sini.
Luar biasa.
Nah, mari kita tambahkan satu lagi untuk nama belakang kita.
Dan lagi, kita akan memiliki tipe input kita, jadi itu adalah atribut dan nilai teks.
Dan jika kita refresh, kita memiliki nama belakang, OK, tapi kelihatannya jelek, ingat bahwa HTML hanya membaca baris demi baris
dan tidak tahu bahwa kita menginginkan spasi di sini.
Jadi sekali lagi, kita dapat menambahkan a.
Istirahat kembali di sini dan segarkan, dan kami memiliki nama depan dan nama belakang.
OK, itu cukup jelas.
Sekarang, apa lagi yang kita miliki dalam formulir?
Kami memiliki email.
Jadi mari kita tambahkan field lain, yaitu email, dan kita akan melakukan input lagi.
Ketik panggilan, teks.
Nah, tambahkan jeda lagi di sini, karena kita akan membutuhkan jarak itu.
Dan mari simpan penyegaran, luar biasa.
OK, jadi kami memiliki formulir pendaftaran umum kami.
Dan tentunya dengan bentuk apapun, kita membutuhkan semacam tombol, kan, seperti kita perlu mengirimkan ini ke suatu tempat agar kita
bisa mendaftar.
Nah, sekali lagi, ada selera yang bagus untuk itu.
Jadi kami melakukan input alih-alih jenis teks.
Ada jenis kirim.
Jadi ini.
Jika kita punya istirahat lagi di sini.
Dan saya mengatakan ini, saya menyegarkannya memiliki puncak.
Sekarang, dari mana KTT ini berasal?
Nah, ketika Anda memasukkan jenis input kirim, itu secara otomatis membuat tombol.
Dan jika Anda tidak menentukan apa yang harus dikatakan, saya hanya akan memiliki teks ini.
Tapi kita bisa mengubahnya sehingga kita bisa memberi nilai.
Dan kami akan menempatkan mendaftar.
Simpan penyegaran itu, kami sekarang memiliki tombol daftar.
OK, tapi bagaimana jika kita membuat kesalahan di bidang ini, kita menulis hal-hal dan untuk apa kita ingin mengatur ulang ini, sekali
lagi, sekarang ada masukan untuk itu.
Dan jenis input itu, seperti yang dapat Anda bayangkan, disetel ulang.
Jadi sekarang jika kita menutup ini pada jeda lain di sini, sebenarnya kita dapat menyimpannya di baris yang sama,
kita akan menyimpan penyegaran.
Dan kami telah mengatur ulang, jadi sekarang jika saya mengetik apa pun di sini dan katakanlah saya tidak mau, saya tidak suka ini,
saya perlu mengatur ulang formulir.
Saya cukup mengklik reset dan itu menghapus segalanya untuk kita.
Oke, Anda mungkin bertanya pada diri sendiri apa yang terjadi ketika kita mengklik register sebelum kita masuk ke dalamnya, saya hanya ingin
melalui semua jenis input umum dan kemudian kita akan mengklik register untuk melihat apa yang
terjadi dengan email.
Kami idealnya ingin, pertama-tama, untuk itu diperlukan agar ketika Anda mengklik daftar, jika Anda belum
memberikan email, itu tidak akan membiarkan Anda mendaftar.
Dan ada atribut yang bisa kita gunakan untuk itu dan itu diperlukan.
Dan di sini kita sebenarnya tidak perlu menentukan nilai karena secara otomatis diasumsikan bahwa yang diperlukan sama dengan benar,
yang berarti bahwa bidang formulir ini wajib diisi.
Jadi kalau saya bilang saya refresh dan saya biarkan kosong dan saya klik register, saya akan bilang, tolong isi kolom
ini.
Sekarang, kami juga ingin memastikan bahwa itu adalah bidang email yang sesuai, jadi jika saya mengetik sesuatu seperti ini, kami masih
ingin memastikan bahwa, Anda tahu, ini adalah email yang salah.
Kami tidak ingin mendaftar.
Jadi jenis input teks yang saya katakan untuk email sebenarnya salah, ada yang spesifik yang bisa
kita gunakan, yaitu, seperti yang bisa Anda bayangkan, email.
Jadi sekarang jika saya menyegarkan dan mengetik sesuatu yang bukan email dan saya klik daftar.
Saya akan mengatakan tolong sertakan dan alamat email.
Sangat bagus.
Ini seperti sihir, melakukan ini untuk Anda, yang sangat, sangat bagus.
Mari kita perluas pengetahuan kita tentang input dan menambahkan beberapa bidang lagi yang kemungkinan besar akan membutuhkan
biasanya ingin mengetahui ulang tahun seseorang.
Jadi mari kita tambahkan ulang tahun di sini.
Dan untuk tipe input ini, mari kita ketik.
Tanggal.
Jadi jika saya mengatakan ini dan saya menyegarkan tampilan bahwa kami memiliki pemilih tanggal kecil yang bagus sehingga saya dapat memilih apa pun di sini.
Baiklah, apa lagi yang kita butuhkan?
Kami juga membutuhkan gender, jadi kami akan melakukan input type dan untuk gender.
Yah, tidak ada selera khusus untuk gender, tapi ada sesuatu yang disebut radio.
Dan radio, seperti namanya, adalah tombol radio.
Jadi sekarang.
Klik segarkan dan, yah, saya punya satu tombol radio, tetapi kami idealnya ingin memiliki opsi, bukan?
Jadi bagaimana kita melakukannya?
Jadi untuk radio, kita juga perlu mengatakan apakah itu laki-laki atau perempuan, mari kita masuk ke dalam gender.
Kami akan istirahat di baris ini dan kami akan mengatakannya.
Dan letakkan radio jenis dan kami akan mengatakan laki-laki dan kami juga ingin.
Perempuan.
Dan kami juga ingin.
Lainnya.
Dan ketika kami menyegarkan ini, kami memiliki pria, wanita, dan lainnya, tetapi Anda melihat masalah di sini, saya cukup mengklik tombol radio dan
saya tidak dapat membatalkan pilihan dan idealnya Anda bisa.
Anda seharusnya hanya dapat memilih satu.
Dan sekarang, seperti tombol radio, mereka tidak tahu keberadaan satu sama lain.
Kami ingin memastikan bahwa mereka tahu bahwa mereka terhubung, mereka adalah keluarga, dan hanya satu dari mereka yang dapat
dipilih.
Jadi bagaimana kita melakukannya?
Cara kita melakukannya adalah melalui atribut name.
Jadi untuk namanya akan mengatakan jenis kelamin.
Dan atribut name ini harus cocok di semua tombol radio sehingga mereka tahu bahwa mereka bersama-sama, mereka adalah
bagian dari bidang input gender.
Jadi jika saya simpan di sini dan menyegarkan.
Sekarang Anda dapat melihat bahwa saya hanya dapat memilih satu.
Baiklah, sempurna.
Apa lagi yang harus kita miliki?
Nah, katakanlah saya benar-benar ingin tahu apakah Anda memiliki hewan peliharaan.
Jadi dengan hewan peliharaan.
Kami akan memiliki jenis input atau Anda dapat memiliki beberapa hewan peliharaan, jadi bukan tombol radio, kami ingin kotak centang.
Jadi kotak centang, kami ingin memiliki kucing atau anjing, tetapi kucing dan kami ingin memilikinya.
Tidak bisa mengetik hari ini.
Kotak centang, dan kami ingin memiliki anjing.
Jadi mari kita simpan itu, mari kita segarkan dan lihat itu, kita punya hewan peliharaan, tapi kali ini adalah kotak centang, yang
artinya.
Saya dapat memilih beberapa.