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.
Lihat Source Code
<!—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>
Form dengan checkbox
Form ini berisi dua checkbox dan sebuah tombol submit. Lihat hasil gambar dibawah ini:
Lihat Source Code
<!–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>
Form dengan tombol radio
Contoh ini berisi dua tombol radio dan sebuah tombol submit. Lihat hasil gambar dibawah ini.
Lihat Source Code
< !—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>
Mengirim Mail dari Form
Contoh ini mendemonstrasikan bagaimana mengirim sebuah mail dari form.Lihat hasil gambar dibawah ini.
Lihat Source Code
<!–coba_formmail.html–> <html> <body> <form action=”MAILTO:[email protected]” 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>
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 ^-^
You must be logged in to post a comment Login