Source code membuat form registrasi dengan HTML
3:52:00 PM
Membuat sebuah HTML untuk form registrasi dengan
aturan:
- Terdapat text field: nama, alamat, jenis kelamin, tanggal
- lahir, nomer telepon, alamat web, email, kecamatan
- Tambahkan button submit
- Kecamatan gunakan type combobox
- Gunakan fitur dari HTML5
- Berikan penjelasan
- Saya menyetujui
-->
Output dari Source Code di atas
Penjelasan....
<!DOCTYPE HTML> ini merupakan deklarasi yang digunakan mengidentifikasi jenis dokumen HTML/ HTML versi 5
<head>
<title> Form Pendaftaran </title>
</head>
<html>
Source ini digunakan untuk menampilkan nama pada "Tab Browser"
<body>
<div id="header" style="background-color:#00EAFF;">
<dd>
<p style="line-height:50px;"></p>
<span style="color:white; font-size: 30px;"><b>SING UP</b></div>
<div id="menu" style="background-color:#F1F3F3;height:370px;width:300px;Float:center;">
</dd>
<form method="get"> <!-- Untuk mendapatkan URL pada text field yg diisi oleh user dan di tampilkan pada address browser-->
Fungsi dari
<tr></tr> <!--Menbuat baris pada tabel-->
<td></td><!--Membuat kolom pada tabel-->
<tr>
<td><b>Nama</b></td>
<td>:</td>
<td><input type="text" name="Nama" autofocus required placeholder="Nama Anda"></td>
<!-- autofocus adalah untuk menfocuskan pertama kali cursor pada text field tersebut-->
</tr>
<tr>
<td><b>Alamat</b></td>
<td>:</td>
<td><input type="text" name="Alamat" required placeholder="Alamat anda"></td>
<!--reuired olaceholder untuk memberi pentunjuk pada kolom text field-->
</tr>
<tr>
<td><b>Jenis Kelamin</b></td>
<td>:</td>
<td><input type="radio" name="Kelamin" value="Pria">Pria</br>
<input type="radio" name="Kelamin" value="Wanita">Wanita</br>
<!-- value=''objek'' = bertujuan untuk memilih salah satu dri smua pilihan-->
</tr>
<tr>
<td><b>Tanggal Lahir</b></td>
<td>:</td>
<td><input type="date" name="Tanggal"></td></tr>
<!-- type date untuk menpilkan
<tr>
<td><b>Telepon</b></td>
<td>:</td>
<td><input type="tel" name="Telepon" required placeholder="Nomor Telepon Anda"></td>
</tr>
<tr>
<td><b>Alamat Web</b></td>
<td>:</td>
<td><input type="url" name="Web" required placeholder="http://"></td>
<!--dalam pengisian wajib menggunkan http://-->
</tr>
<tr>
<td><b>Email</b></td>
<td>:</td>
<td><input type="email" name="Email" required placeholder="tes@contoh.com"></td>
<!--type email wajib menggunakan @ pada pengisian data tersebut-->
</tr>
<tr>
<td><b>Kecamatan</b></td>
<td>:</td>
<td><select name="Kecamatan">
<option value="null">Pilih Kecamatan</br>
<option value="Arjasa">Arjasa</br>
<option value="Kaliwates">Kaliwates</br>
<option value="Sukowono">Sukowono</br>
<option value="temperejo">Temperejo</br>
</tr>
<!-- menggunkan combo dengan type value yg harus memilih salah satu dari semua pilihan-->
<dd>
<dl>
<dt>
<input type="checkbox">Saya menyetujui</label>
</dt>
<!-- type checbox di gunkan untuk membuat atau persetujuan (centang) pada gambar dibawah-->
<p class="text-right">
<button type="submit"class"btn">SING UP</button></p>
<!-- type submit untuk menampilkan tombol button-->
</dl>
<dd>
Semoga bermanfaat....
1 comments
Halo,
ReplyDeletePerkenalkan, Nama saya siti
Saya adalah manager development dari ForexMart, Kami melihat website anda dan kami ingin mendiskusikan kerjasama kemitraan dengan Anda.
Boleh saya minta kontaknya untuk menjelaskan lebih lanjut atau anda bisa langsung menghubungi saya ke kontak saya dibawah ini.
Sincerely yours
Siti
Business Development
ForexMart
www.forexmart.com
siti@forexmart.com
Skype – siti_0623
WA - +62 821-1275-7858