Contoh Form Dasar Dari HTML & CSS - Catatan Si Gaptek

Latest

Catatan Si Gaptek

Teknologi? Apaan Tuh? Catatan Orang yang Belajar Teknologi.

Sabtu, 24 Maret 2018

Contoh Form Dasar Dari HTML & CSS



Assalamualikum..

Postingan kali ini saya hanya ingin berbagi kepada kamu yang membutuhkan contoh Form yang terbuat dari HTML dan sedikit CSS. Ini bisa menjadi referensi buat kalian yang masih pemula di bidang Web Programing (kayak saya) so, bisa pakek yang ini namun, ini adalah contoh form yang dasar banget sehingga kamu sendiri yang harus mengembangkan dan menyesuaikan sesuai kebutuhan kamu. Yaaa.. sambil belajar juga kan haha..
Baca juga : Ebook Belajar HTML dan CSS Gratis

<!DOCTYPE HTML>
<HTML>
<head>
<title>form</title>
</head>
<body bgcolor="#DDDDD" style="padding-top: 200px;">
<center>
<form>
<table style="background-color: white; border-radius: 20px;">
<tr>
<td colspan="2">
<center><h1><font color="blue">Formulir</font></h1></center>
</td>
</tr>
<tr>
<td>Nama :</td>
<td><input type="text" /></td>
</tr>
<tr>
<td>Kelas :</td>
<td><input type="text" /></td>
</tr>
<tr>
<td>Kelamin :</td>
<td><select><option>Pria</option><option>Wanita</option></select></td>
</tr>
<tr>
<td>Hobi :</td>
<td><input type="checkbox" value="tidur">Tidur <input type="checkbox" value="makan">Makan <input type="checkbox" value="lainnya">Lainnya</td>
</tr>
<tr>
<td>Alamat :</td>
<td><textarea name="alamat"></textarea></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value"Kirim" /></td>
</tr>
</table>
</form>
</center>


Ya itu tadi kodenya..  jika berhasil akan menjadi seperti ini..




jangan ada yang protes kalo ini terlalu sederhana karena saya sengaja agar kalian mengembangkannya sendiri sesuai kebutuhan kalian sembari belajar hehe..

Semoga bermanfaat yaa.. Wassalam..Semoga bermanfaat yaa.. Wassalam..

Tidak ada komentar:

Posting Komentar