-->

Halo !!! Saya Kang Ismet, ini adalah blog tentang AMP HTML dan cara penerapannya

Cara membuat Form Biodata Sederhana Dengan CSS&HTML

FORM BIOADATA SEDERHANA

FORM BIOADATA SEDERHANA


Selamat Sore, Salam Sejahtera Untuk Anak-Anak UNIVERSITAS INDONESIA TIMUR, Khsusnya Anak2 EK-11 Fikom. Pada Kesempatan Kali ini saya Akan membahas Tentang bagaimana cara membuat  Form Biodata yang sederhana dengan menggunakan CSS dan HTML.Tutor ini Merupakan salah satu ILMU yang di ajarkan Oleh Dosen saya gafur jamada,semoga Tutor ini bisa membantu dan Bermanfaat buat kawan-kawan Khususnya Anak2 Fikom itu sendiri.

Sedikit saya jelaskan kembaLi Tentang apa itu Form,
Form merupakan Elemen HTML yang di gunakan untuk mendapatkan masukan dari pengguna web.pengguna web dapat memasukkan input melalui halaman2 HTML. Elemen/tag di gunakan untuk membatasi input.dalam satu form dapat terdiri atas beberapa form akan tetapi hanya satu form yang dapat dikirimkan ke server dalam satu saat.

Untuk mempersingkat waktu, langung aja ke TKP

<html>
<head>
<title>Belajar CSS Buat Form</title>
<style>
#Sg4 {border:2px solid white; width:300px;height:200px; border-radius:20px 20px 20px 20px ; margin : 90px; padding :0 30px 170px 30px; background-image:url('https://lh6.googleusercontent.com/-wv8qxFOtgvM/UQUJNN08sSI/AAAAAAAAAyI/lUZ1-CB5nHc/s600/Black-crow.jpg');
background-repeat:no-repeat;}
h2 { color : white ; text-align :left ;text-decoration : blink}
</style>
</head>
<body bgcolor="Red">
<div align="center">
<div id="sg4">
<h2>Form Biodata sederhana</h2>
<table cellspacing="9">
<form>
<tr>
<td width="100">Nama</td>
<td> <input name="textfield" type="text" size="30" /> </td>
</tr>
<tr>
<td>Alamat</td>
<td> <input name="textfield2" type="text" size="30" /> </td>
</tr>
<tr>
<td>Password</td>
<td> <input name="textfield3" type="password" size="30" /></td>
</tr>
<tr>
<td>Jenis Kelamin </td>
<td><input name="radiobutton" type="radio" value="radiobutton" /> pria <input name="radiobutton" type="radio" value="radiobutton" /> wanita </td>
</tr>
<tr>
<td>Tgl Lahir </td>
<td>
<label>
<select name="select">
<option>01</option>
<option>02</option>
<option>03</option>
<option>04</option>
<option>05</option>
<option>06</option>
<option>07</option>
<option>08</option>
<option>09</option>
<option>10</option>
</select>
</label>
<label>
<select name="select2">
<option>januari</option>
<option>Februari</option>
<option>maret</option>
<option>april</option>
</select>
</label>
<select name="select3">
<option>2000</option>
<option>2001</option>
<option>2002</option>
<option>2003</option>
<option>2004</option>
<option>2005</option>
<option>2006</option>
<option>2007</option>
<option>2008</option>
</select>
</td>
</tr>
<tr>
<td>Hobby</td>
<td>Membaca<input type="checkbox" name="checkbox2" value="checkbox" /> Jalan-jalan <input type="checkbox" name="checkbox3" value="checkbox" /></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Submit" value="Submit" /> <input type="reset" name="reset" value="reset" /> </td></tr>
</form> </table> </div> </div>
</body>
</html>


  • CAT : warna merah merupakan Elemen CSS. dan untuk melihat contoh Hasil, sobat bisa lihat pada gambar di atas
Dan Bagi sobat yang ingin mengetahui Lebih lanjut Fungsi dan defenisi masing Elemen Yang di gunakan diatas sobat bisa membaca di Tag-tag HTML Dan Property yang di gunakan Di CSS 

7 komentar:

  1. ada yang buat form sign up dan login nggak gan?

    ReplyDelete
  2. apakah form biodata nya bisa di masukkan kedalam html blogger dalam untuk melakukan logged id ???


    togel singapura

    ReplyDelete
  3. Ijin Share & Promot Min :


    [Promo] Dapatkan Bonus Promo SPECIAL Khusus Sampai Akhir Bulan Maret 2017 Menanti Anda Hanya Di ( >> www.bavetline88.com << )
    Cukup Dengan Menekan 1 Klik Link Website Ini ( >> www.bavetline88.com << ) Bonus Ditangan Anda :

    ~ Bonus Sportsbook ~

    1. Bonus 20% untuk member baru Sbobet, Ibcbet dan Asia77.
    2. Bonus minimal deposit awal hingga Rp 300.000,-.
    3. Bonus Maximal yang diberikan perhari mencapai hingga Rp.1.000.000.
    4. Bonus kemenangan 5% untuk produk Sbobet, Ibcbet, Asia77.
    5. Promo rollingan sebesar 0.5% dan 0.7%.
    6. Promo cashback hingga 5%.

    ~ Bonus Casino Online ~

    1. Dapatkan Bonus 10% untuk member baru 338A, 1S Casino, Asia8bet.
    2. Bonus minimal deposit awal hingga Rp 300.000,-.
    3. Bonus Maximal yang diberikan per hari mencapai hingga Rp.1.000.000,-.
    4. Bonus kemenangan 2.5% dari Deposit.
    5. Bonus Cashback hingga 5% diberikan kepada member yang mengalami kekalahan diatas Rp.1.000.000,-.
    6. Bonus Cashback hingga 10% diberikan kepada member yang mengalami kekalahan diatas Rp.10.000.000,-.
    7. Bonus Rollingan hingga 1% untuk semua permainan Casino.

    ~ Bonus Tangkas ~

    1. Bonus Deposit awal hingga 20% Khusus Produk Bola Tangkas dan Tangkasnet.

    ~ Bonus Asia Poker 77 ~

    1.Dapatkan komisi Rollingan Hingga 2% yang sudah di set kedalam ID Asia Poker 77 milik anda.

    ~ ( BONUS REFERENSI ) ~

    1. Bila Anda Mengajak Dan Mengenalkan Bavetline Kepada Teman Anda Maka Anda Mendapatkan Bonus Rollingan Hingga 0.5% (All SportsBook).
    2. Bila Anda Mengajak Dan Mengenalkan Bavetline Kepada Teman Anda Maka Anda Mendapatkan Bonus Rollingan 0.4% (All Casino).

    ( Note : Syarat Dan Ketentuan Berlaku )

    Ayo Segera Bergabung Menjadi Salah Satu Bagian Dari Kami Dapatkan Bonus Promo SPECIAL Berlimpah Menanti Anda hanya di ( >> www.bavetline88.com << )

    ReplyDelete