Contoh sederhana Form pada HTML
Untuk membuat form sederhana seperti gambar diatas caranya mudah lihat petunjuk di bawah ini.
ketikan text berikut ini pada notepad dan simpan dengan .html
<HTML>
<head><litle>Nidia training</litle></head>
<body bgcolor="black"></BODY>
<table>
<font face="Footlight MT Light" color="red" size="6">
<h1>Formulir Pendaftaran</h1>
<pre><form>
Nama :~<input type="text" name="nama">
Alamat :~<input type="text" name="Alamat">
No Hp :~<input type="Number" name=" No Hp">
No Rekening :~<input type="text" name="No Rekening">
<br>
Kriteria yang ingin di pilih:
<input type="radio" name="Kompetensi Keahlian" value="Wallpaper">Wallpaper
<input type="radio" name="Kompetensi Keahlian" value="Lukisan">Lukisan
<input type="radio" name="Kompetensi Keahlian" value="Foto">Foto
<input type="radio" name="Kompetensi Keahlian" value="Lukisan Pahat atau Ukir">Lukisan Pahat atau Ukir
<input type="radio" name="Kompetensi Keahlian" value="Animasi">Animasi
<input type="radio" name="Kompetensi Keahlian" value="Wall Design">Wall Design
</font></table>
</html>
-------------------------------------------------------------------------------------------------------
Dibawah ini beberapa varian yang bisa dibuat didalam form
Untuk membuat form seperti gambar diatas tulislah text dibawah ini pada notepad<html>
<head><title>form</title></head>
<body bgcolor=#000000 text="gold">
<form>
Nama : <input type="text" name="Nama"><BR><BR>
Alamat : <input type="text" name="Alamat"><BR>
Jenis kelamin :<BR>
<input type="radio" name="Jenis kelamin" value="Pria"> Pria<br>
<input type="radio" name="Jenis kelamin" value="Wanita"> Wanita<br>
<br>
Hobi<br>
Sepak Bola :<input type="checkbox" name="Hobi" value="Sebak Bola">
Volley :<input type="checkbox" name="Hobi" value="Volley">
Basket :<input type="checkbox" name="Hobi" value="Basket"> <br>
Agama :
<select name="Agama">
<option value="Islam">Islam
<option value="Kristen">Kristen
<option value="Katolik">Katolik
<option value="Hindu">Hindu
<option value="Budha">Budha
</select>
<br><br><br><br>
<input type="button" value="kirim">
<input type="button" value="submit">
<input type="button" value="reset">
</form>
<A HERF="LINK.HTML">KEMBALI</A>
<IMG SRC="GP1.JPG">
<FONT FACE="TIMES NEW ROMAN" SIZE="7" COLOR="GOLD">
<CENTER><H1> DATA PENGUNJUNG</H1><B></FONT>
<FORM METHOD="POST" ACTION="MAILTO:NIDIARIZKI16@GMAIL.COM">
NAMA : <INPUT NAME="Nama" SIZE="23">
E-MAIL : <INPUT NAME="EMAIL" SIZE="30"><P>
KIRIM KOMENTAR, KRITIK, ATAU SARAN ANDA:<BR>
<TEXTAREA NAME="KIRIM KOMENTAR, KRITIK, ATAU SARAN ANDA" ROWS="4" COLS="20"></TEXTAREA><BR>
<INPUT TYPE="SUBMIT"> <INPUT TYPE="RESET"></FORM></B></CENTER>
</body>
</html>
(sekian semoga bermanfaat & selamat mencoba :) )
Tidak ada komentar:
Posting Komentar