Color picker dengan HTML5
Dengan HTML5 kita sangat mudah membuat color picker. Dengan HTML5 ini color picker mudah sekali dibuat dengan satu baris berikut ini:
Warna: <input type="color" /><br/>
Warna: <input type="color" /><br/>
Coding lengkapnya:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Color Picker dengan HTML5</title>
</head>
<body>
Warna: <input type="color" /><br/>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Color Picker dengan HTML5</title>
</head>
<body>
Warna: <input type="color" /><br/>
</body>
</html>
Demo bisa dilihat di http://aris.proweb.asia/colorpicker_html5.html dengan tampilan seperti di bawah ini:
Pada saat artikel ini ditulis browser yang dapat menjalankan color picker di atas adalah Google Chrome terbaru dan Opera terbaru, sedangkan browser-browser lain belum bisa menampilkan.
Tidak ada komentar:
Posting Komentar