Dalam HTML5, saat menambahkan sejumlah besar elemen dan atribut formulir, itu juga menambahkan sejumlah besar fungsi untuk memverifikasi verifikasi validitas konten elemen baru dalam bentuk dan formulir dalam formulir selama pengiriman.
Dalam HTML5, metode menggunakan atribut elemen dapat diimplementasikan oleh fungsi verifikasi otomatis selama formulir formulir.
<! > <input type = name teks = teks yang diperlukan pola =^/w.*$> <input type = kirim nilai = kirim> </form> </body> </html>
Selanjutnya, mari kita lihat spesifikasi atribut yang membatasi konten konten input di HTML5 di HTML5.
1. Atribut yang diperlukan
Atribut yang lebih baru dalam HTML5 dapat diterapkan pada sebagian besar elemen input (kecuali untuk elemen tersembunyi, tombol elemen gambar). Saat mengirimkan, jika konten dalam elemen kosong. Jika Anda tidak diizinkan untuk dikirim, teks prompt informasi ditampilkan di browser, mendorong pengguna untuk memasukkan konten di elemen ini, efeknya seperti yang ditunjukkan pada gambar
2. Atribut Pola
Elemen input yang baru ditambahkan yang disebutkan sebelumnya, seperti email, angka, URL, dll., Memerlukan konten input untuk memenuhi format tertentu, menggunakan atribut pola untuk elemen input, dan mengatur nilai atribut ke ekspresi reguler dari format tertentu. Saat mengirimkan akan memeriksa apakah konten sesuai dengan format. Ketika konten input tidak memenuhi format, pengiriman tidak diizinkan
<! Menentukan Konten: <Input Pattern = [0-9] [az] {3} name = bagian placeholder = input: Sejumlah angka tiga huruf modal> <input type = kirim nilai = kirim> </srom> </body> </html>Efek eksekusi adalah sebagai berikut:
3.Min properti dan atribut maks
Dua atribut min dan max adalah atribut khusus dari elemen input dari tanggal atau tipe numerik.
<! Nilai: <Input Tipe = Nomor Nama = Titik Min = 0 Max = 100/> <Input Tipe = Kirim Nilai = Kirim> </form> </body> </html>
Efek eksekusi adalah sebagai berikut:
4. Atribut Langkah
Langkah Atribut mengontrol nilai dalam elemen input untuk meningkatkan langkah -langkah saat menurun. Misalnya, ketika Anda ingin nilai pengguna masuk antara 0 dan 100, tetapi ketika Anda harus kelipatan 5, Anda dapat menentukan langkah itu adalah 5, dan kodenya adalah sebagai berikut:
<! > <Input> type = number name = point step = 5/> <input type = submit/> </body> </html>
Efeknya adalah sebagai berikut:
Saya berharap bahwa untuk atribut baru dari bentuk -bentuk ini, Anda dapat memiliki pemahaman yang lebih dalam! Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan, Xiaobian akan membalas semua orang tepat waktu. Terima kasih banyak atas dukungan Anda untuk situs web VEVB Wulin!