<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tutorial GRID SYSTEM Foundation - www.malasngoding.com</title>
<link rel="stylesheet" href="css/foundation.css" />
</head>
<body>
<center><h1>TUTORIAL FOUNDATION FRAMEWORK<br/> WWW.MALASNGODING.COM</h1></center>
<div class="row">
<h4>Form Basic</h4>
<form>
<!-- Membuat inputan text biasa -->
<label>Name :<input type = "text"></label>
<!-- Membuat inputan jam/waktu -->
<label>Input time <input type = "time"></label>
<!-- Membuat inputan tanggal -->
<label>Input Date <input type = "date"></label>
<!-- Membuat inputan angka -->
<label>Number <input type = "number"></label>
<!-- Membuat inputan nomor telepon -->
<label>Telephone <input type = "tel"></label>
<!-- Membuat inputan bulan -->
<label>Month <input type = "month"></label>
<!-- Membuat inputan link url -->
<label>Input url <input type = "url"></label>
<!-- Membuat inputan minggu -->
<label>Input week <input type = "week"></label>
<!-- Membuat inputann password -->
<label>Password <input type = "password"></label>
<!-- Membuat inputann textarea -->
<label>Textarea
<textarea>Hi .. This is from textarea.....</textarea>
</label>
<br/>
<h4>Form Select Option(Dropdown)</h4>
Makanan Kesukaan
<select>
<option value = "Bakso">Bakso</option>
<option value = "Nasi Goreng">Nasi Goreng</option>
<option value = "Ayam Bakar">Ayam Bakar</option>
<option value = "Mie Aceh">Mie Aceh</option>
</select>
<br/>
<h4>Form Radio button & Checkbox</h4>
Jenis Kelamin<br/>
<input type = "radio" name = "jk" value = "jk" id = "jk">
<label for = "pria">Pria</label>
<input type = "radio" name = "jk" value = "jk" id = "jk">
<label for = "wanita">Wanita</label>
<br/>
<br/>
Jus Kesukaan<br/>
<input id = "mangga" type = "checkbox">
<label for = "mangga">Mangga</label>
<input id = "jeruk" type = "checkbox">
<label for = "jeruk">Jeruk</label>
<input id = "sirsak" type = "checkbox">
<label for = "sirsak">Sirsak</label>
<br/>
<br/>
<h4>Form Fieldset</h4>
<fieldset class = "fieldset">
<legend>Silahkan isi hobi</legend>
<input id = "sepak bola" type = "checkbox">
<label for = "sepak bola">Sepak Bola</label>
<input id = "membaca" type = "checkbox">
<label for = "membaca">Membaca</label>
<input id = "ngoding" type = "checkbox">
<label for = "ngoding">Ngoding</label>
<input id = "makan" type = "checkbox">
<label for = "makan">Makan</label>
</fieldset>
</form>
</div>
<script src="js/vendor/jquery.js"></script>
<script src="js/vendor/what-input.js"></script>
<script src="js/vendor/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
</body>
</html>