<!--Mode HTML-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Form type #02</title>
<link rel="stylesheet" href="css/normalize.css">
<link href='https://fonts.googleapis.com/css?family=Nunito:400,300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<form action="url" method="post">
<h1>Masukkan Data</h1>
<fieldset>
<label for="name">Nama Depan:</label>
<input type="text" id="name" name="ID Name Google Form">
<label for="name">Nama Belakang:</label>
<input type="text" id="name" name="ID Name Google Form">
<label for="job">Alamat :</label>
<select id="job" name="user_job">
<optgroup label="WIB">
<option value="jawa barat">Jawa Barat</option>
<option value="jawa tengah">Jawa Tengah</option>
<option value="jawa timur">Jawa Timur</option>
</optgroup>
<optgroup label="WITA">
<option value="bali">Bali</option>
<option value="sulawesi utara">Sulawesi Utara</option>
<option value="sulawesi selatan">Sulawesi Selatan</option>
</optgroup>
<optgroup label="WIT">
<option value="maluku">Maluku</option>
<option value="papua">Papua</option>
</optgroup>
</select>
<label>Pekerjaan :</label>
<input type="radio" id="guru" value="guru" name="guru"><label for="guru" class="light">Guru</label><br>
<input type="radio" id="pengangguran" value="pengangguran" name="pengangguran"><label for="pengangguran" class="light">Pengangguran</label>
</fieldset>
<button type="submit">Input Data</button>
</form>
</body>
</html>
<style>.footer,.generic-footer{margin-bottom:98px}@media (min-width:374px){.footer,.generic-footer{margin-bottom:78px}}@media (min-width:546px){.footer,.generic-footer{margin-bottom:56px}}@media (min-width:1055px){.footer,.generic-footer{margin-bottom:0}}.disclaimer{position:fixed;z-index:9999999;bottom:0;right:0;border-top:2px solid #ff5c62;text-align:center;font-size:14px;font-weight:400;background-color:#fff;padding:5px 10px 5px 10px}.disclaimer a:hover{text-decoration:underline}@media (min-width:1052px){.disclaimer{text-align:right;border-left:2px solid red;border-top-left-radius:10px}}@media (min-width:1920px){.disclaimer{width:60%}}</style><div class="disclaimer">@Copyright <a title="https://www.javabitpro.com/" target="_blank" href="https://www.javabitpro.com/" style="color: black;"><b>www.javabitpro.com</b></a></div>
/*Mode CSS*/
//Mode JS