Membuat Form Biodata Dengan HTML Dan CSS

Yayan

Blogger@- Sebelum membuat form biodata sebaiknya anda memerlukan software text editor seperti Notepad ++, Sublime Text, Maupun aplikasi editor lainnya. Atau anda bisa sedot aplikasinya di link bawah ini.

Baca Juga : Download Notepad++
Baca Juga : Download Sublime Text 3

Script Html

<!DOCTYPE html>
<html> <title>biodata</title>
<body>

<h3>
From Biodata</h3>
<div>
  <form action="/action_page.php">
    <label for="nama">Nama :</label>
    <input type="text" id="fname" name="firstname" placeholder="Nama Lengkap Anda">
<br>
    <label for="alamat">Alamat </label>
    <input type="text" id="lname" name="alamat" placeholder="Alamat Lengkap Anda..">
<br>
J / K :
  <input type="radio"  value="l" checked> Laki-laki
  <input type="radio"  value="p"> Perempuan<br><br>

Hobi :

<input type="checkbox"> Makan
<input type="checkbox"> Tidur
<input type="checkbox"> Membaca <br>

<label for="country">Agama</label>
    <select id="country" name="country">
      <option value="australia">Islam</option>
      <option value="canada">Kristen</option>
      <option value="usa">Hindu</option>
      <option value="usa">Budha</option>
    </select><br> <br>

Ket :
  <input type="file" name="pic" accept="image/*">

</form>
</div>
</body>
</html>

Save dengan nama biodata.html.

Tampilan Css/Style

Simpan dengan biodata.Css

Atau langsung saja download scriptnya di link bawah ini.

Link Download

Script Form Biodata (rar)

Membuat Form Biodata Dengan HTML Dan CSS

0 comments:

Post a Comment

Categories

Partners

Tag Cloud

Recent Post

POPULER

PENCARIAN

Labels

Labels

Labels

Labels

Labels