Apakah ciri baharu borang html5?

Ciri-ciri baharu borang HTML5 ialah: 1. Nilai jenis input baharu (e-mel, url, nombor, tel, warna, tarikh, dll.); bentuk, min , maks, corak, dsb.).

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

Ciri bentuk baharu H5 boleh dibahagikan kepada dua kategori utama.

1 Taipkan nilai 10 input

1 e-mel: medan input e-mel, menyediakan pengesahan format e-mel yang mudah apabila borang diserahkan dan muncul a tetingkap segera.

2. url: medan input alamat, menyediakan pengesahan format alamat URL yang mudah semasa menyerahkan borang dan muncul tetingkap gesaan.

3. nombor: medan input nombor. (min, maks, langkah boleh ditetapkan)

4. tel: medan input nombor telefon, medan input nombor muncul dalam penyemak imbas mudah alih.

5 carian: medan input carian, butang carian dipaparkan di sudut kanan bawah pelayar mudah alih.

6. Julat: kawalan pemilihan julat.

7. Warna: kawalan pemilihan warna.

8. tarikh/bulan/minggu: kawalan pemilihan masa.

2. 11 atribut baharu elemen borang

1. autolengkap: penyiapan automatik, sama ada untuk merekodkan data yang diserahkan sebelum ini secara automatik untuk cadangan input seterusnya.

2. Pemegang tempat: Pemegang tempat, digunakan untuk memaparkan teks gesaan dalam kotak input, ia tidak boleh diserahkan.

3. Autofokus: Dapatkan fokus input secara automatik.

4. Berbilang: Sama ada untuk membenarkan berbilang nilai input Jika atribut ini diisytiharkan, berbilang nilai yang dipisahkan dengan koma dibenarkan untuk dimasukkan dalam kotak input.

5: Nilai ialah id borang jika ditetapkan, medan input boleh diletakkan di luar borang.

6 diperlukan: Apabila borang diserahkan, ia akan disahkan sama ada terdapat input, dan jika tidak, mesej segera akan muncul.

7. Panjang maksimum: Hadkan panjang maksimum hanya apabila terdapat input tidak membezakan antara bahasa Cina dan bahasa Inggeris.

7.5 minlength: mengehadkan panjang minimum, tetapi ia bukan atribut standard H5 dan hanya disokong oleh sesetengah penyemak imbas.

8 min: Hadkan nilai minimum nombor input.

9 maks: Hadkan nilai maksimum nombor input.

10 langkah: Hadkan saiz langkah nombor input, digunakan bersama dengan min.

11 corak: Tentukan ungkapan biasa untuk mengesahkan input. (Untuk ungkapan biasa, tambahkan ^$ pada permulaan dan akhir secara lalai)

Pengesyoran berkaitan: "tutorial video html"

Atas ialah kandungan terperinci Apakah ciri baharu borang html5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!