Rumah > Artikel > hujung hadapan web > Sambungan elemen HTML5 HTML (Bahagian 2) - elemen Borang yang dipertingkatkan patut diberi perhatian_html5 kemahiran tutorial
Antara elemen dipertingkatkan HTML5, yang paling patut diberi perhatian ialah elemen bentuk. Dalam HTML5, borang telah dirombak dengan ketara dan beberapa fungsi yang sebelum ini memerlukan pengekodan JavaScript kini boleh dilaksanakan dengan mudah tanpa pengekodan. Sebelum kita memulakan perbincangan, sesuatu yang perlu diberi perhatian:
Dalam HTML5, kawalan borang boleh berada di luar satu atau lebih borang yang dimilikinya. Oleh itu, kawalan borang seperti set medan, label dan input telah menambah atribut borang untuk mengenal pasti borang yang menjadi milik kawalan borang.
dalam HTML5 :
1. Elemen borang itu sendiri menambah dua atribut baharu: autolengkap dan novalidate. Atribut autolengkap digunakan untuk mendayakan fungsi "senarai cadangan lungsur turun", dan atribut novalidate digunakan untuk mematikan fungsi pengesahan borang, yang boleh berguna semasa ujian.
2. Elemen set medan menambah tiga atribut baharu: lumpuhkan, nama dan borang. Atribut disable digunakan untuk melumpuhkan set medan, atribut nama digunakan untuk menetapkan nama set medan, dan nilai atribut borang ialah ID bagi satu atau lebih borang yang dimiliki oleh set medan tersebut set medan diletakkan di luar borang, anda mesti Tetapkan atribut borang teg set medan supaya set medan boleh dikaitkan dengan betul dengan satu atau lebih borang.
3 Selain atribut for, elemen label hanya menambah atribut form. Apa yang patut disebut di sini ialah atribut for, yang saya tidak perasan sebelum ini. Atribut for digunakan untuk menentukan kawalan borang yang dilampirkan pada label, supaya apabila label diklik, kawalan borang yang dilampirkan akan mendapat fokus, contohnya:
4. Elemen input memperkenalkan beberapa jenis dan atribut baharu untuk meningkatkan kebolehgunaan borang. Jenis input baharu ini sangat berguna untuk menyusun dan mengkategorikan data, tetapi malangnya tiada penyemak imbas menyokong kesemuanya dengan baik.
Selain butang asal, teks, hantar, kotak semak, radio, pilih, jenis kata laluan, HTML5 telah menambah jenis input baharu berikut:
Anda boleh menjalankan contoh berikut untuk menyemak sokongan penyemak imbas yang berbeza:
autofokus: Mendapat fokus secara automatik selepas halaman dimuatkan.
borang: Tentukan borang yang menjadi milik input, yang boleh berbilang.
formaction: Tentukan halaman (URL) atau fail untuk memproses input ini selepas borang diserahkan.
formenctype: Tentukan cara mengekod data selepas borang diserahkan.
kaedah borang: Menentukan kaedah HTTP untuk menghantar data borang, yang akan mengatasi kaedah HTTP bagi borang yang sepadan.
formnovalidate: Tidak menyemak kesahihan data sebelum penyerahan.
formtarget: Tentukan tempat untuk memaparkan kandungan respons selepas borang diserahkan.
tinggi, lebar: panjang dan lebar kotak input, hanya terpakai untuk jenis imej.
maks, min: Nilai maksimum dan minimum nilai input. Sesuai untuk jenis nombor, julat dan tarikh yang bermakna.
berbilang: Sama ada membenarkan berbilang nilai dimasukkan, terpakai pada e-mel dan jenis fail.
corak: Menentukan ungkapan biasa untuk mengesahkan nilai input, sesuai untuk teks, carian, url, tel, e-mel, kata laluan.
pemegang tempat: Maklumat segera sebelum input, berkenaan dengan teks, carian, url, tel, e-mel, kata laluan.
diperlukan: Sama ada ia adalah item yang diperlukan Jika item yang diperlukan tidak diisi, borang tidak boleh diserahkan kepada teks, carian, url, tel, e-mel, kata laluan, pemilih tarikh. nombor, kotak semak, radio dan jenis fail.
langkah: Masukkan nilai langkah untuk pertumbuhan automatik, terpakai pada jenis nombor, julat, tarikh, tarikh, tarikh-tempatan, bulan, masa dan minggu.
senarai: Senarai calon item input, yang perlu digunakan bersama dengan elemen senarai data Atribut senarai boleh digunakan pada jenis ini: teks, carian, url, tel, e-mel, tarikh, nombor, julat dan warna berfungsi pada FireFox. Lihat contoh kecil:
实用参考:
W3C的教程:http://www.w3schools.com/html5/default.asp
HTML5官方指导:http://dev.w3.org/html5/html-author/
相当不错的一个指导网站:http://html5doctor.com/ 🎜>HTML5中文教程:http://www.html5china.com/
一个不错的前端博客:http://www.pjhome.net/default=.asp? 1
JS操作表单的相关知识:http://www.cnblogs.com/xugang/archive/2010/08/12/1798005.html