Pengenalan kepada 8 jenis input INPUT baharu dalam kemahiran tutorial HTML5_html5

Contoh kod HTML jenis input sedia ada:

Salin kod

Kod adalah seperti berikut:

Medan teks
Radio button
Checkbox
Drop-down list< ;pilih>
Medan kata laluan
Butang serah
Butang boleh klik
Butang imej
Hidden field
Reset button
File field

Dalam HTML5, berbilang jenis input input borang baharu telah ditambahkan Dengan menggunakan elemen baharu ini, anda boleh Mendayakan kawalan dan pengesahan input yang lebih baik.
1. Permohonan jenis e-mel
Elemen input jenis e-mel ialah kotak input teks yang digunakan khas untuk memasukkan alamat e-mel, input e-mel akan disahkan secara automatik daripada kotak itu.

Salin kod

Kod adalah seperti berikut:

2. Aplikasi jenis url
Elemen input jenis url menyediakan kotak teks untuk memasukkan teks khas seperti alamat url.

Salin kod

Kod adalah seperti berikut:

3. Aplikasi jenis nombor
Elemen input jenis nombor menyediakan kotak teks untuk memasukkan nilai berangka.

Salin kod

Kod adalah seperti berikut:

4. Aplikasi jenis julat
Elemen input jenis julat menyediakan kotak teks untuk memasukkan nilai berangka dalam julat tertentu, yang dipaparkan sebagai bar skrol pada halaman web .

Salin kod

Kod adalah seperti berikut:

5. Tarikh daftar keluar aplikasi
Input jenis kod HTML Penerangan fungsi

Salin kod

Kod adalah seperti berikut:

tarikh

Pilih hari, bulan, tahun
bulan < input type="month">
Pilih bulan dan tahun

Salin kod

Kod adalah seperti berikut:

minggu

Pilih minggu dan tahun

Salin kod

Kod adalah seperti berikut:

masa

Pilih masa ( jam dan minit)

Salin kod

Kod adalah seperti berikut:

masa tarikh < ;input type="datetime">

Pilih masa, hari, bulan, tahun (waktu UTC)

Salin kod

Kod Seperti berikut:

datetime-local
masa)

6. Aplikasi jenis carian

Elemen input jenis carian menyediakan kotak teks untuk memasukkan kata kunci carian.

Salin kod

Kod tersebut adalah seperti berikut:

input[type="search"]{
-webkit-appearance:textfield;
}

7. Aplikasi jenis Tel
Elemen input jenis tel menyediakan kotak teks khusus untuk memasukkan nombor telefon.

Salin kod

Kod adalah seperti berikut:

8. Aplikasi jenis warna
Elemen input jenis warna menyediakan kotak teks yang digunakan khas untuk menetapkan warna.

Salin kod

Kod adalah seperti berikut: