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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgUmkbFhPQpyiEAILXrwRliEn7GBt2XLSEqa6QRRjVUldi_Mwx7lWXAGyhwlWDukLiw9BD8HoX7xCL_mGoVDzmVAfZq3D_22WuQ7Hcsimv1-RCVgsx5xeobvGG9ghUEk9qoZZ1AXiVn_f1/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
Thx gan
ReplyDeleteada yang buat form sign up dan login nggak gan?
ReplyDeleteby inulpoker - http://www.inulpoker.com
ReplyDeleteagen poker
agen poker online
agen poker dan domino online
poker online indonesia
agen domino
by samsungbola - http://www.samsungbola.com
www.samsungbola.com
agen bola
agen piala eropa
bandar bola
bandar bola piala eropa
agen casino
by kamipokercom -- http://www.kamipoker.com
agen poker online
agen poker online terpercaya
domino qq online
bandar ceme online
poker online indonesia
buat pokerwalet. com
by pokerwaletcom -- http://www.pokerwalet.com
poker online
poker online indonesia
agen capsa online
domino qq online
agen poker online terpercaya
agen poker dan domino
Obat bius liquid sex
ReplyDeleteObat bius soporific
Obat bius chloroform
Obat tidur cair sleeping beauty
Obat bius cair trivam propofol
pemesanan : 081327496009 BB 56EA4F2F
WWWW.OBATBIUSASLI.COM
by www.samsungbola.com - nice phoottooo
ReplyDeleteagen bola
agen piala eropa
bandar bola piala eropa
agen bola piala eropa
agen bola piala euro
bandar bola piala euro
Ijin Share & Promot Min :
ReplyDelete[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 << )