Penjelasan mendetail tentang kontrol formulir baru HTML5 dan kode contoh atribut formulir

Poin pengetahuan pertama: atribut dan ringkasan formulir

Poin pengetahuan kedua: kontrol formulir baru, properti, dan ringkasan

Apa validasi formulir umum kita?

label kotak teks teks

kotak kata sandi kata sandi

kotak centang beberapa kotak centang

tombol radio radio

tombol tombol

tombol kirim kirim

Di atas adalah beberapa atribut formulir yang umum kami gunakan

(1) email: kotak teks email, tidak berbeda dengan yang biasa

1. Bila yang diinput bukan alamat email, maka verifikasi gagal.

2. Keyboard ponsel akan berubah

(2) telp: nomor telepon

1. Terutama di terminal seluler, satu peralihan keyboard

(3) url: URL halaman web

Masukkan URL yang benar

(4) sear: mesin pencari

1. Setelah memasukkan teks di chrome, akan ada tambahan x tertutup

(5) Rentang: Pemilih nilai dalam rentang tertentu

1.min, maks, langkah (jumlah langkah)

2. Contoh: Gunakan js untuk menampilkan nilai saat ini

(6) nomor: kotak masukan yang hanya dapat berisi angka

(7) warna: pemilih warna

(8) detetime menampilkan tanggal lengkap

(9) pelengkapan otomatis: apakah akan menyimpan nilai input pengguna

Defaultnya adalah on, untuk mematikan prompt pilih off

(10): Tentukan formulir untuk mendapatkan fokus masukan

(11): Item ini wajib diisi dan tidak boleh kosong

Jika Anda hanya menulis di kotak masukan pertama, maka akan muncul kotak masukan kedua.

(12) parrern: pola verifikasi reguler=/d{1,5}

Ekspresi reguler yang saya atur adalah 1-5 angka, jika bukan angkanya, pengiriman akan gagal.

Di atas adalah penjelasan rinci tentang kontrol formulir HTML5 baru dan kode contoh atribut formulir yang diperkenalkan oleh editor. Saya harap ini dapat membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan pesan kepada saya dan editor akan membalas Anda waktu!