Wednesday, February 01, 2017

Membuat page register dengan html dan css

Assalamu'alaikum Wr.Wb


haii gan...ketemu lagi dengan mimin yang paling ganteng serumah sendiri....ehhhmm kemaren ada yang request "membuat  page regiser dengan html dan css",nahh mimin mau ngabulin permintaan dia :'v heheheee mimin bukan Om jin,,mimin cuman sekedar berbagi ilmu pengetahuan mimin  saja,karna mimin tau kalo berbagi tidak membuat mimin menjadi bodoh justru malah membuat mimin pintar karna mengingat sesuatu yang mungkin sepele tapi sangat berarti buat kebanyakan orang,,uppss mimin malah ceramah :V langsung ajadah yaa.....


Membuat page register dengan html dan css
<DOCTYPE html>
<html>
<head>
<title>membuat page register</title>
</head>
<style>
.SP4SI{
width: 500px;
}
.SI{
width: 150px;
}
</style>
<body>
<center>
<font size="10"><u>Membuat halaman register sederhana</u></font>
<br/>
<br/>
<br/>
<br/>
<form>
   <table width="65%">
<tr>
           <td>Name:</td>
           <td><input class="SP4SI" type="name" name="username" placeholder="Seputar In4masi"></td>
       </tr>
<tr>
<td>Password:</td>
<td><input class="SP4SI" type="password" name="password" placeholder="Masukkan Password"/></td>
</tr>
<tr>
<td></td>
<td><input class="SP4SI" type="password" name="password1" placeholder="Ulangi Password"/></td>
</tr>
<tr>
           <td>Email:</td>
           <td><input class="SP4SI" type="email" name="mail" placeholder="seputar@in4masi.com"></td>
</tr>
<tr>
<td></td>
           <td><input class="SP4SI" type="email" name="email" placeholder="seputar@in4masi.com"></td>
</tr>
<tr>
<td>Address:</td>
       <td><textarea name="address" rows="5" cols="40" class="textArea"></textarea><br/></td>
   </tr>
<tr>
<td>City:</td>
<td><select name="city" id="city" class="SI">
<option value=""></option>
<option label="DKI Jakarta" value="DKI Jakarta">DKI JAKARTA</option>
</select>
Zip Code:
<input class="SI" type="name" name="zipcode"></td>
   </tr>
<tr>
<td>Country:</td>
<td><select name="country" id="Country" class="SI">
<option value=""></option>
<option label="Indonesia" value="Indonesia">Indonesia</option>
</select></td>
</tr>
</tr>
<td></td>
<td align="right"><input type="submit" name="submit" value="Submit">
           <input type="reset" name="reset" value="Reset"></td>
       </tr>
       </table>
   </form>
</center>
</body>
</html>

sebenarnya ini bukan membuat ya tapi lebih ke script html dan cssnya jadi bisa dipahami sendiri sambil belajar sendiri ok ? dan kalau ada pertanyaan silahkan kirim email ke seputar.in4masi@gmail.com

kalau mau login berfungsi tanpa database bisa cek script jsnya di pastebin saya http://pastebin.com/3J54xPBD  disini saya menggunkan angularJS jadi kalian harus install dulu angularnya ^_^

sampai ketemu di peostingan selanjutnya :)

Wassalamualaikum wr.wb


EmoticonEmoticon