Belajar HTML 5 - Mempelajari lebih dalam atribut type pada tag input

dihtml 5 ada nilai baru untuk atribut type pada tag input, ini menambah daftar jenis form yang ada.

type color

type color ini akan merubah inputan untuk mendapatkan kode warna

kode penulisan

<input type="color" name="color"/>

hasil dari kode diatas

type date

type date merubah inputan untuk mengambil tanggal

penulisan kode

<input type="date" />

hasil dari kode diatas

type datetime-local

type datetime-local merubah inputan untuk mengambil tanggal dan waktu lokal

penulisan kode

<input type="datetime-local" />

hasil dari kode diatas

type email

type email membuat inputan hanya untuk format email, misal example@site.com

penulisan kode

<input type="email" />

hasil dari kode diatas

type month

type month merubah inputan untuk mengambil bulan

penulisan kode

<input type="month" />

hasil dari kode diatas

type number

type number membuat inputan hanya untuk format angka saja

penulisan kode

<input type="number" />

hasil dari kode diatas

type range

type range merubah inputan menjadi sebuah slide control yang di isi dengan nilai.

penulisan kode

<input type="range" />

hasil dari kode diatas

type search

type search membuat inputan menjadi input pencarian, ada tombol hapus disebelah inputan.

penulisan kode

<input type="search" />

hasil dari kode diatas

type tel

type tel membuat inputan khusus nomor telpon, untuk menerapkannya dengan menggunakan atribut pattern

penulisan kode

<input type="tel" />

hasil dari kode diatas

type time

type tel merubah inputan untuk mendapatkan waktu

penulisan kode

<input type="time" />

hasil dari kode diatas

type url

type url membuat inputan khusus url

penulisan kode

<input type="url" />

hasil dari kode diatas

type week

type week merubah inputan untuk mengambil waktu mingguan

penulisan kode

<input type="week" />

hasil dari kode diatas