24
CARA MEMBUAT FORM REGISTRASI PENDAFTARAN MENGGUNAKAN HTML:
Posted by Unknown
on
01.12
in
html
Okey gan kali ini saya akan membahas tentang cara membuat form registrasi pendaftaran menggunakan html, okey langsung aja mari kita coba gan:
1. kita instal notepad/notepad++
2. kita tunggu sampek instalasi selesai
3 kita buka notepad/notepad++
4. lalu mari kita coba belajar membuat form registrasi pendaftaran tersebut.
langsung aja gan, mari kita coba, berikut gambarnya :
DAN INI BAHASA PEMOGRAMAN NYA SUDAH SAYA BIKIN GAN:
<!DOCTYPE html>
<html>
<head>
<title>FORMULIR</title></head>
<body style="background:url(aventador.jpg);color:#7fff00">
<h1>FORMULIR PENDAFTARAN</h1>
<table border="0">
<tr>
<td>Nama<td>:<td><input type="text" name="nama"/></td><tr/>
<tr>
<td>Alamat<td>:<td><input type="text" name="alamat"/></td><tr/>
<tr>
<td>Tempat Lahir<td>:<td><input type="text" name="tempat lahir"/></td><tr/>
<tr>
<td>Tanggal Lahir<td>:<td><input type="date" name="tanggal lahir"/></td><tr/>
<tr>
<td>Jenis Kelamin<td>:<td>
<input type="radio" name="jk" value="Laki-Laki"/>Laki-Laki<br>
<input type="radio" name="jk" value="Perempuan"/>Perempuan</td><tr/>
<tr>
<td>No HP<td>:<td><input type="text" name="no hp"/></td><tr/>
<tr>
<td>Alamat Web<td>:<td><input type="url" name="alamat web"/></td><tr/>
<tr>
<td>Email<td>:<td><input type="mail" name="email"/></td><tr/>
<tr>
<td>Kecamatan<td> :
<td>
<select>
<option>Select Kecamatan...</option>
<option>wonosari</option>
<option>umbulsari</option>
<option>Kebunsari</option>
<option>Sumbersari</option>
<option>Kaliwates</option>
<option>Arjasa</option>
<option>Jelbuk</option>
<option>Ambulu</option>
<option>asembagus</option>
<option>jangkar</option>
<option>---SELECT---</option></select>
</td><tr/>
<tr>
<td><input type="submit" name="submit" value="simpan"/></td>
<td><input type="Reset" name="Reset" value="Batal"/></td></tr>
</table>
</body>
</html>
DAN INI SCREENSHOT NYA GAN :
DAN INI PENJELASAN NYA:
1. kita instal notepad/notepad++
2. kita tunggu sampek instalasi selesai
3 kita buka notepad/notepad++
4. lalu mari kita coba belajar membuat form registrasi pendaftaran tersebut.
langsung aja gan, mari kita coba, berikut gambarnya :
DAN INI BAHASA PEMOGRAMAN NYA SUDAH SAYA BIKIN GAN:
<!DOCTYPE html>
<html>
<head>
<title>FORMULIR</title></head>
<body style="background:url(aventador.jpg);color:#7fff00">
<h1>FORMULIR PENDAFTARAN</h1>
<table border="0">
<tr>
<td>Nama<td>:<td><input type="text" name="nama"/></td><tr/>
<tr>
<td>Alamat<td>:<td><input type="text" name="alamat"/></td><tr/>
<tr>
<td>Tempat Lahir<td>:<td><input type="text" name="tempat lahir"/></td><tr/>
<tr>
<td>Tanggal Lahir<td>:<td><input type="date" name="tanggal lahir"/></td><tr/>
<tr>
<td>Jenis Kelamin<td>:<td>
<input type="radio" name="jk" value="Laki-Laki"/>Laki-Laki<br>
<input type="radio" name="jk" value="Perempuan"/>Perempuan</td><tr/>
<tr>
<td>No HP<td>:<td><input type="text" name="no hp"/></td><tr/>
<tr>
<td>Alamat Web<td>:<td><input type="url" name="alamat web"/></td><tr/>
<tr>
<td>Email<td>:<td><input type="mail" name="email"/></td><tr/>
<tr>
<td>Kecamatan<td> :
<td>
<select>
<option>Select Kecamatan...</option>
<option>wonosari</option>
<option>umbulsari</option>
<option>Kebunsari</option>
<option>Sumbersari</option>
<option>Kaliwates</option>
<option>Arjasa</option>
<option>Jelbuk</option>
<option>Ambulu</option>
<option>asembagus</option>
<option>jangkar</option>
<option>---SELECT---</option></select>
</td><tr/>
<tr>
<td><input type="submit" name="submit" value="simpan"/></td>
<td><input type="Reset" name="Reset" value="Batal"/></td></tr>
</table>
</body>
</html>
DAN INI SCREENSHOT NYA GAN :
DAN INI PENJELASAN NYA:
1. pertama gan, untuk background gambar dan color font kita harus menggunakan
(style)
2. kedua gan, untuk membuat nama, alamat, tempat lahir, dan no hp,
kita harus menggunakan (type="text")
3. ketiga gan untuk membuat tanggal lahir kita harus menggunakan
(type="date")
4. ke empat gan, untuk membuat alamat web dan email kita harus menggunakan (type="url" dan type="mail" )
5. ke lima gan, untuk pemilihan jenis kelamin kita harus menggunakan (type="radio")
6. ke enam gan, untuk kecamatan kita harus menggunakan (combobox)
7. dan yang trakhir gan, untuk save kita harus menggunakan (type="submit")
okey gan mungkin itu yang saya tahu :
sekian terima kasih
