XHTML5 Contoh: Verifikasi formulir html5

Ketika halaman web dimuat, kursor secara otomatis berfokus pada tempat di mana pengguna perlu masuk, seperti memasukkan nama pengguna pada halaman login email. Sebelumnya, kami perlu menggunakan kode JavaScript untuk menentukan kotak input tertentu untuk mendapatkan fokus ketika halaman web di -muatan. Sekarang HTML 5 secara langsung mendukung menambahkan atribut autofocus ke kotak input.

1 <Input Tipe = Teks ID = Nama Pengguna Nama = Nama Pengguna Autofocus />

Sebelumnya, kami perlu menggunakan Onblur dan OnFocus JavaScript untuk mengimplementasikan informasi prompt dari kotak input, tetapi sekarang kami hanya perlu menambahkan atribut placeholder.

1 <Jenis Input = ID Email = Nama Uemail = Placeholder [email protected] Diperlukan />

Barang yang diperlukan untuk penilaian

Tentukan format data

Anda dapat menyeret secara langsung, yang dapat mengatur nilai minimum, nilai maksimum, dan ukuran langkah untuk setiap seret.

1 <Jenis Input = Range Min = 1 Max = 100 Langkah = 10 Nama = S />

Anda dapat secara langsung menambah atau mengurangi operasi dengan mengklik panah atas dan bawah di sebelah kanan.

Ini dapat digunakan sebagai prompt input AJAX yang populer sekarang, atau sebagai menu drop-down yang dapat diedit. Anda dapat memasukkannya sendiri atau langsung menarik ke bawah untuk memilih.

1 <Input ID = Jenis Pencarian = Daftar URL = Daftar Pencarian Diperlukan />

2 <datalist id = SearchList>

3 <Opsi Value = Label = Google />

4 <nilai opsi = label = yahoo />

5 <Opsi Value = Label = Bing />

6 <nilai opsi = label = baidu />

7 </Datalist>