[share] Memaksimalkan penggunaan input type=range HTML 5

Berikut Contoh Penggunaannya :


!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script>
function data(){
var b = document.getElementById("ukuran").value;
document.getElementById("img").width=b;
}
</script>
</head>

<body>
<img src="Lighthouse.jpg" id="img" />
<input type="range" min="100" max="500" step="10" id="ukuran" onchange="data()" />
</body>
</html>

hasil nya sebagai berikut:

gbr

 

Leave a comment

1 Comment

  1. [trick] beberapa plugin php yang dipakai untuk edit photo | menulis dibalik topi dan kopi

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: