Langsung ke konten utama

FORM BIODATA DENGAN HTML

by Liliyana Amsir

       sebelumnya, saya telah mem post cara membuat format biodata menggunakan HTML lihat di http://liliyanaamsir.blogspot.co.id/2017/02/biodata-diri-menggunakan-html.html, nah sekarang saya mau berbagi ilmu atau mungkin lebih tepatnya referensi buat kalian yang masih bingung membuat form biodata diri menggunakan format HTML. perhatikan source code program dibawah.

<html>
<head>
<title> BIODATA DIRI </title>
<style type="text/css">
th{
background-color:Red;
color:white;
}
</style>

<style type=="text/css">
td{
background-color:cyan;
color: red;
}
</style>
<center>
<body style="background-image:url(1.PNG)">
<h2>BIODATA DIRI</h2>
<table style:"width:600px;" border="1" align="center">
<tr style="background-color:Blue">
<th>BIODATA</th>
<th>KETERANGAN</th>
</tr>
<tr>
<td>Nama Lengkap:</td>
<td style="text-align:left"> <input type="text" name="nama" vales "inputkan nama" />
</td>
</tr>

<td class="baris-ganjil">Nama Panggilan
</td>
<td class="baris-ganjil" style"text-align:left"> <input type="text" name_p="nama"  />
</td>
</tr>

<tr>
<td>TTL
</td>
<td style="text-align:left"> <input type="date" name="date" />
</td>
</tr>

<tr>
<td class="baris-ganjil">Alamat
</td>
<td class="baris-ganjil" style="text-align:left"> <input type="text" name="alamat"  />
</td>
</tr>

<tr>
<td>Jenis Kelamin
</td>
<td style="text-align:left">
<input type="radio" name="jenis-kelamin" value "laki-laki" checked />
Laki - Laki
<input type="radio" name="jenis-kelamin" value "perempuan" checked />
Perempuan
</td>
</tr>

<tr>
<td class="baris-ganjil">Gol_Darah
</td>
<td class="baris-ganjil" style="text-align:left"> <input type="radio" name="gol_da" value "O" checked />O
<input type="radio" name="gol_da" value "A" checked />A
<input type="radio" name="gol_da" value "B" checked />B
<input type="radio" name="gol_da" value "AB" checked />AB
</td>
</tr>

<tr>
<td>Agama
</td>
<td style="text-align:left"> <input style="text" name="agama" />
</td>
</tr>

<tr>
<td class="baris-ganjil">Hobby
</td>
<td class="baris-ganjil" style="text-align:left">
<input type="radio" name="hobby" value "membaca" checked />Membaca
<input type="radio" name="hobby" value "menulis" checked />Menulis
<input type="radio" name="hobby" value "renang" checked />Renang
<input type="radio" name="hobby" value "ngoding" checked />Ngoding
</td>
</tr>

<tr>
<td>Status
</td>
<td style="text-align:left"> <input style="text" name="status" />
</td>
</tr>

<tr>
<td class="baris-ganjil">No_HP
</td>
<td class="baris-ganjil" style="text-align:left"> <input style="text" name="nohp" />
</td>
</tr>

<tr>
<td>Email
</td>
<td style="text-align:left"> <input style="text" name="email" />
</td>
</tr>

<tr>
<td class="baris-ganjil">komentar
</td>
<td class="baris-ganjil" style="text-align:left"> <textarea name="komentar" rows="10" cols="30" />

</textarea>

</body>
</html>


nah, gimana?? outputnya masih simple kan?? nah untuk mempercantik kalian bisa menggunakan CSS.
  untuk pos selanjutnya, saya akan post tentang CSS. jadi tunggu yah post selanjutnya.
THANK YOU GUYS!!

Label:
Lokasi: Makassar

Komentar

Posting Komentar

Postingan populer dari blog ini

Aku, Kamu dan Abu-abu

 Kita adalah dua raga yang diciptakam untuk saling mengenal Saling memberi dan saling menerima merasa paling cocok dan enggan berpisah . Kita adalah dua manusia yang dipertemukan saat hati dan fikiran masih abu-abu memilih terus bersama, saat warnanya kian pekat. memilih terus menggenggam meski banyak warna lain yang mendekat kenapa ? karen kita suka abu-abu, . Kita adalah dua orang yang memutuskan bersama karena merasa cocok kita saling membutuhkan, saling melengkapi dan saling merindukan. seperti sebuah puzzel yang akan terpasang sempurna jika bersama. . Aku mengira, abu-abu akan selamanya jadi warna favoritku abu-abu tidak mudah untuk luntur abu-abu akan selalu cocok dengan segala apapun yang ada padaku . Nyatanya aku salah. Abu-abu memang menyenangkan, tapi ternyata kamu tetap butuh warna lain kamu mulai jenuh dengan satu warna hingga aku sadar, selama ini aku terlalu mencintai warnaku hingga mengabaikan warna lain yang datang menghampiri. aku terlalu sibuk memupuk warnaku, hin...
Posting Komentar
Baca selengkapnya

Assalamu Alaikum Calon Imamku

 Assalamualaikum lelaki yang telah kupinta untuk menjadi takdirku dihadapan Allah. semoga engkau selalu diberi keselamatan, aku ingin bertanya, masih ingatkah kamu dengan apa yang telah kutulis dua tahun lalu?? tentang semogaku untuk hidup bersamamu kelak tentang semogaku untuk memiliki rumah di Desa Terpencil yang jauh dari keramaian, tentang semogaku yang ingin memiliki kedai kopi tentang semogaku yang ingin menunggumu pulang kerja dan memasakkan makanan kesukaanmu tentang semogaku yang hidup bahagia bersamamu, jika tidak kamu ingat, sungguh kamu keterlaluan. Dua tahun berlalu, dan semoga itu masih kuingat dan masih tetap kusemogakan bersamamu jujur bukanlah hal yang mudah, tapi tidak masalah aku hanya perlu menemukan satu alasan untuk tetap bertahan jika alasan itu usai, maka akan aku temukan satu alasan lainnya hingga tak akan pernah ada kata usai diantara kita (semoga Allah merestui) dan kamu juga harus melakukan hal yang sama yah karena tak akan ada artinya perjuanganku jika ...
Posting Komentar
Baca selengkapnya

Selamat datang malaikatku

 Ahad, 4 Desember 2022 Buah cinta kami lahir di dunia ini Seorang bayi yang cantik, yang semoga kelak bisa menjadi penyejuk untuk orang tuanya. Ditanggal yang sama, aku mempertaruhkan hidup dan matiku untuknya. Mazaya Alishka Syafazea, untuk malaikat kecil kami. Seperti sedang bermimpi. Kini, bukan sekedar tendangannya saja yang bisa kurasakan, senyumnya, tangisnya, ekspresi menggemaskannya, semuanya sungguh menjadi pelepas dahaga lelah untuk kami. Anakku sayang, ibu mungkin belum bisa menjadi ibu yang terbaik untuk kamu Ibu, belum bisa sepenuhnya mampu memahami inginmu. Tapi nak, ibu akan selalu berusaha menjadi garda terdepan untukmu. Dan untuk anakku sekali lagi, ibu ingin kamu tau kalau kamu memiliki ayah yang teramat baik. Jika ibu adalah garda terdepanmu, maka ayahmu adalah garda terdepan untuk ibu. Maka jangan mencemburui jika kelak ibu akan sangat manja dengannya, hehehe. Untuk suamiku, belahan jiwaku, ayah dari anak2 ku, Randi. Aku sayang kamu, terimakasih telah menjadi pe...
Posting Komentar
Baca selengkapnya