Kata pengantar
Mengapa menulisnya dalam beberapa bab? Karena mencakup banyak hal pengetahuan, saya mungkin akan berusaha semaksimal mungkin untuk memperkenalkannya secara detail untuk merawat orang-orang yang memiliki dasar yang buruk, sehingga dapat meninjau masa lalu dan mempelajari hal baru.
Awalnya saya berencana menyelesaikannya dalam satu artikel. Di tengah jalan, saya menyadari bahwa artikel itu sudah cukup panjang. Banyak orang, seperti saya, sudah ketakutan ketika melihat begitu banyak konten memahami semua isinya, jadi saya memutuskan untuk memisahkannya, beri tahu pembaca sesuai kebutuhan.
Lalu kenapa ada bab nol? Karena terlalu mendasar, kebanyakan orang bisa mengabaikannya. Ini hanya untuk sebagian kecil pemula dan orang dengan ingatan buruk.
Mari kita mulai dengan mengatakan bahwa pengunggahan bisnis selalu menjadi hal yang sangat menakutkan bagi saya, dan saya memiliki paparan yang relatif sedikit terhadapnya, karena sebelumnya tidak ada standar untuk mengimplementasikan pengunggahan, saya harus menulis segala macam kode kompatibilitas yang menjijikkan , dan plug-in sering kali rentan terhadap bug dan tidak dapat dimodifikasi. Hingga saat ini, pejuang sejati selalu harus menghadapi kenyataan berdarah, jadi saya khusus membuka postingan literasi untuk mempelajari dan merangkum beberapa pengetahuan tentang upload untuk menelusuri beberapa API yang perlu saya gunakan.
Nol, dasar-dasar (poin pengetahuan sebagian besar berasal dari w3school) (yang sudah familiar bisa lewati saja bab ini)
<bentuk aksi= metode= ></form>
Tag digunakan untuk membuat formulir HTML untuk input pengguna. Formulir dapat berisi elemen masukan, seperti bidang teks, kotak centang, tombol radio, tombol kirim, dll. Formulir juga dapat berisi elemen menu, textarea, fieldset, legenda, dan label. Formulir digunakan untuk mentransfer data ke server.
| Bidang | menggambarkan |
|---|---|
| nama | Menentukan nama formulir |
| tindakan | Menentukan ke mana harus mengirim data formulir ketika formulir dikirimkan |
| enctype | (hidup/mati) menentukan cara menyandikan data formulir sebelum mengirimkannya |
| metode | (dapatkan/posting) Menentukan metode HTTP yang digunakan untuk mengirim data formulir |
| tidak ada validasi | Jika atribut ini digunakan, tidak ada validasi yang dilakukan saat formulir dikirimkan. (Atribut HTML5) |
| saat dikirim | Atribut onsubmit dari objek Formulir menentukan fungsi pengendali kejadian. Fungsi pengendali kejadian ini dipanggil ketika pengguna mengklik tombol Kirim di formulir untuk mengirimkan formulir. Perhatikan bahwa fungsi handler ini tidak dipanggil ketika metode Form.submit() dipanggil. Jika pengendali onsubmit mengembalikan fasle, elemen formulir tidak akan dikirimkan. Jika fungsi mengembalikan nilai lain atau tidak sama sekali, formulir akan dikirimkan |
Untuk lebih jelasnya, silakan klik pada formulir Tentang
label
<label for=male>Pria</label><input type=radio name=sex id=male /><label for=girl>Cewek</label><input type=radio name=sex id=girl />
Elemen label tidak memberikan efek khusus apa pun kepada pengguna. Namun, ini meningkatkan kegunaan bagi pengguna mouse. Kontrol ini dipicu jika Anda mengklik teks di dalam elemen label. Artinya, ketika pengguna memilih label, browser akan secara otomatis mengalihkan fokus ke kontrol formulir yang terkait dengan label tersebut. Atribut for pada tag harus sama dengan atribut id elemen terkait.
| Bidang | menggambarkan |
|---|---|
| untuk | Menentukan elemen bentuk mana yang terikat pada label |
| membentuk | Menentukan satu atau lebih bentuk yang menjadi milik bidang label |
Untuk detailnya, silakan klik label Tentang
masukan
<tipe input=nama teks=namaf/><tipe input=nama kata sandi=kata sandi><tipe input=nama kotak centang=Sepeda><tipe input=nama kotak centang=Mobil><tipe input=radio dicentang=nama dicentang=Nilai jenis kelamin= pria/><tipe input=nama radio=Nilai jenis kelamin=wanita/><pilih nama=mobil> <option value=volvo>Volvo</option> <option value=saab>Saab</option> <option value=fiat>Fiat</option> <option value=audi>Audi</option></select><textarea row=10 cols=30>
Tag digunakan untuk mengumpulkan informasi pengguna. Bidang input memiliki banyak bentuk tergantung pada nilai atribut type. Bidang masukan dapat berupa bidang teks, kotak centang, kontrol teks berkode, tombol radio, tombol, dll.
Untuk lebih jelasnya, silakan klik masukan
<tipe masukan=nilai kirim=Kirim>
Objek Submit mewakili tombol kirim dalam formulir HTML. Sebelum formulir dikirimkan, event handler onclick dipicu, dan handler dapat membatalkan pengiriman formulir dengan mengembalikan fasle.
submit: Mengirimkan data formulir ke server Web. Metode ini mengirimkan formulir dengan cara yang sama seperti jika pengguna mengklik tombol Kirim, namun event handler onsubmit formulir tidak akan dipanggil.
Untuk detailnya, silakan klik kirim
<button type=button>Klik Saya!</button>
Di dalam elemen tombol, Anda dapat menempatkan konten, seperti teks atau gambar. Inilah perbedaan antara elemen ini dan tombol yang dibuat menggunakan elemen input.
Dibandingkan dengan <input type=button>, kontrol <button> menyediakan fungsi yang lebih canggih dan konten yang lebih kaya. Segala sesuatu yang ada di antara tag adalah konten tombol, termasuk konten isi apa pun yang dapat diterima, seperti konten teks atau multimedia. Misalnya, kita dapat menyertakan gambar dan teks terkait dalam sebuah tombol dan menggunakannya untuk membuat gambar markup yang menarik di tombol tersebut.
Satu-satunya elemen yang dilarang adalah pemetaan gambar, karena tindakan sensitif mouse dan keyboard mengganggu perilaku tombol formulir.
Selalu tentukan atribut type untuk tombol. Tipe default di Internet Explorer adalah button, sedangkan default di browser lain (termasuk spesifikasi W3C) adalah submit.
(Penting: Jika Anda menggunakan elemen tombol dalam bentuk HTML, browser yang berbeda akan mengirimkan nilai yang berbeda. Internet Explorer akan mengirimkan teks antara <button> dan <button/>, sedangkan browser lain akan mengirimkan konten atribut value . Silakan gunakan elemen input dalam formulir HTML untuk membuat tombol).
| Bidang | menggambarkan |
|---|---|
| nama | Menentukan nama tombol |
| dengan disabilitas | Menentukan bahwa tombol tersebut harus dinonaktifkan |
Untuk lebih jelasnya, silakan klik tombol Tentang