Artikel Pengenalan Wulin.com (www.vevb.com): HTML5 Praktik harian dari atribut bentuk baru.
Banyak tag baru dan atribut fungsional telah ditambahkan ke HTML5. Hari ini kita akan melihat metode penggunaan baru bentuk formulir di HTML5. Jadi apa perbedaan antara fungsi ini yang baru ditambahkan dalam HTML5 dan fungsi yang kami gunakan sebelumnya? Mari kita lihat beberapa adegan di bawah ini, Anda akan mengerti ~
Jika kita perlu mengirimkan elemen bentuk yang berbeda di halaman, dan elemen formulir ini didistribusikan di berbagai lokasi di HTML, maka formulir hanya dapat berisi semua tag formulir.
Metode lama:
<Form ID = Form1 Action =>
<Input ID = Nama Username = Username Type = Text/>
<input id = userpwd name = userpwd type = password/>
<Input ID = Userage Name = Userage Tipe = Teks/>
<Input Tipe = Kirim Nilai = Kirim/
</form>
Tetapi apa yang harus saya lakukan jika formulir ini berisi beberapa elemen (seperti userage) yang tidak perlu diserahkan dalam hal ini? Tampaknya Anda hanya dapat mengirimkannya, sehingga programmer latar tidak menerima parameter ini atau menggunakan JS untuk meletakkan semua konten yang perlu diserahkan dalam formulir ini ke area tersembunyi yang tersembunyi, dan kemudian mengirimkannya. Anda dapat memodifikasinya ke yang berikut ini
Ditingkatkan:
<Form ID = Form1 Action =>
<input id = hd_username name = Username type = hidden/>
<input id = hd_userpwd name = userpwd type = hidden/>
</form>
<Input ID = Nama Username = Username Type = Text/>
<input id = userpwd name = userpwd type = password/>
<Input ID = Userage Name = Userage Tipe = Teks/>
<Input Tipe = Kirim Nilai = Kirim/
Yah, ada baiknya untuk menyelesaikannya seperti ini dan dapat memenuhi persyaratan kami, tetapi ada terlalu banyak JS, yang membuang -buang sumber daya jaringan dan paket permintaan HTTP, meningkatkan ukuran proyek, dan relatif merepotkan untuk dipertahankan.
Metode HTML5:
<Form ID = Form1 Action =>
<Input Tipe = Kirim Nilai = Kirim/
</form>
<Input ID = Nama Pengguna Nama = Nama Pengguna untuk = Form1 Tipe = Teks/>
<input id = userpwd name = userpwd for = form1 type = password/>
<Input ID = Userage Name = Userage Tipe = Teks/>
Atribut untuk di sini = ID formulir, sehingga jelas dari elemen -elemen ini yang dimiliki oleh elemen -elemen ini. Anda dapat memahami ini untuk atribut sebagai atribut untuk label, tetapi dalam hal ini di HTML5, itu milik elemen FOME1. Sekarang melihat kode, itu jauh lebih bersih dan file proyek tidak besar, membuatnya mudah untuk mempertahankan.
Jika Anda tidak mengerti, Anda dapat meninggalkan saya pesan secara langsung dan saya akan membalas semua orang sesegera mungkin.
Jika Anda memahami ini, Anda dapat melatihnya sendiri dan mempostingnya untuk membantu semua orang membuat kemajuan bersama!