Fungsi Dan Tutorial Membut Form Input di HTML Terlengkap

Contents show

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.

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 ^-^

Pages: 1 2

Contoh-contoh Form

READ MORE: