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

Ditulis oleh Riedayme
- 0 Komentar

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

Terbaru
Postingan Lebih Baru
Terlama
Postingan Lama

Komentar