Contoh-contoh Form
Form dengan field input
Contoh ini mendemonstrasikan bagaimana menambah sebuah form ke dalam suatu page. Form berisi suatu field input dan sebuah tombol submit.Lihat hasil gambar dibawah ini.
[su_spoiler title=”Lihat Source Code” style=”fancy” icon=”folder-2″]
<!—coba_formteks . html->
<html>
<body>
<form name=”input” action=”html form action.asp” method=”get”>
Masukkan nama Anda:
<input type=”text” name=”FirstName” value=”Mickey”>
<br>
<input type=”submit” value=”Submit”>
</form>
<P>
Jika tombol “Submit” di-click, maka Anda akan mengirimkan data
yang diinputkan kepada page baru yang disebut form_action.asp.
</p>
</body>
</html>[/su_spoiler]
Form dengan checkbox
Form ini berisi dua checkbox dan sebuah tombol submit. Lihat hasil gambar dibawah ini:
[su_spoiler title=”Lihat Source Code” style=”fancy” icon=”folder-2″]
<!–coba formcheckbox.html–>
<html>
<body>
<form name=”input” action=”html_form_action.asp” method=”get”>
<input type=”checkbox” name=”tomat”>Tomat
<br>
<input type=”checkbox” name=”apel”>Apel
<br>
<input type=”Submit” value=”Submit”>
</form>
<p>
Jika tombol “Submit” di-click, maka Anda akan mengirimkan data yang diinputkan kepada page baru yang disebut form_action.asp.
</p>
</body>
</html>
[/su_spoiler]
Form dengan tombol radio
Contoh ini berisi dua tombol radio dan sebuah tombol submit. Lihat hasil gambar dibawah ini.
[su_spoiler title=”Lihat Source Code” style=”fancy” icon=”folder-2″]
< !—coba_formradio.html <html>
<body>
<form name=”input” action=”html_form_action.asp” method=”get”>
<input type=”radio” checked name=”Sex”>Laki-laki <br>
<input type=”radio” name=”Sex”>Perempuan <br>
<input type=”Submit” value=”Submit”>
</form>
<p>
Jika tombol “Submit” di-click, maka Anda akan mengirimkan data yang diinputkan kepada page baru yang disebut form_action.asp. </p>
</body></html>
[/su_spoiler]
Mengirim Mail dari Form
Contoh ini mendemonstrasikan bagaimana mengirim sebuah mail dari form.Lihat hasil gambar dibawah ini.
[su_spoiler title=”Lihat Source Code” style=”fancy” icon=”folder-2″]
<!–coba_formmail.html–>
<html>
<body>
<form action=”MAILTO:info@piksi.itb.ac.id” method=”post” enctype=”text/plain”>
<h3>Form ini akan mengirim email kepada Bagian Informasi
PIKSI ITB – Bandung.</h3>
Name:<br>
<input type=”text” name=”name” value=”yourname” size=”20″>
<br>
Address:<br>
<input type=”text” name=”address” value=”youraddress”
size=”20″>
<br>
Mail:<br>
<input type=”text” name=”mail” value=”yourmail”
size=”20″>
<brxbr>
<input type=”submit” value=”Send”>
<input type=”reset” value=”Reset”>
</form>
</body>
</html>[/su_spoiler]
Demikian penjelasan singkat yang bisa admin sampaikan. Semoga artikel ini bisa menambah pengetahuan anda tentang dunia pemograman dan ilmu yang dibagikan dapat bermanfaat bagi pembaca. Sampai bertemu di postingan-postingan selanjutnya..see you ^-^
[su_note note_color=”#66ffb5″ text_color=”#010101″ radius=”6″]
READ MORE:
- Tabel HTML – Pengertian Dan Cara Membuat Tabel HTML Lengkap
- Fungsi Tag Image HTML Dan Tutorial/Cara Menambahkan Gambar Di HTML
- Pengertian Entitas Karakter Dan Kegunaannya Dalam HTML
- Mengenal World Wide Web – Pengertian, Sejarah, Cara Kerja Dan Unsur WWW
- Dasar Dasar Membuat Web Dengan HTML Beserta Contoh Lengkap
[/su_note]
You must be logged in to post a comment Login