Form biasanya digunakan untuk mengumpulkan data dari pengunjung web kita. Mulai dari form untuk login, form kontak, form untuk pendaftaran user, bahkan untuk mengirimkan data antar halaman web. Pada tutorial belajar HTML: cara membuat form di HTML ini kita akan membahas cara penggunakan tag form di dalam HTML.
Penggunaan form hanya menggunakan HTML saja tidak akan terlalu berguna. Form biasanya hanya berupa interface yang disediakan untuk mengumpulkan data dari user, dan akan diproses dengan bahasa pemograman web seperti JavaScript atau PHP, dan disimpan di dalam tabel MySQL. Untuk pembahasan lebih lanjut, saya akan menjelaskannya pada tutorial tentang PHP dan JavaScript.
Pengertian tag form
Sebuah form dalam HTML harus berada di dalam tag form, yang diawali dengan <form> dan diakhiri dengan </form>. Tag form akan membutuhkan beberapa atribut untuk dapat berfungsi dengan seharusnya.
Atribut yang pertama adalah action, yang fungsinya menjelaskan kemana data yang didapat form akan dikirimkan. Biasanya nilai dari atribut action ini adalah alamat dari sebuah halaman PHP yang akan memproses isi data form.
Atribut kedua adalah method, yang berfungsi untuk menjelaskan bagaimana data isian form akan dikirim. Nilai dari atribut method ini bisa berupa get atau post.
Perbedaannya, jika kita mengisi atribut method dengan get (dimana ini adalah nilai default seandainya kita tidak menuliskannya) maka isian form akan terlihat pada url browser. Method get ini biasanya digunakan untuk query pencarian. Method post biasanya digunakan untuk data yang lebih sensitif seperti yang berisi password, atau registrasi user. Data hasil form tidak akan terlihat pada browser.
Struktur dasar form akan terlihat sebagai berikut:
<form action="prosesdata.php" method="post">
...isi form...
</form>
ni temen_temen contoh form sederhana
Coba perhatikan source code dibawah ini :
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body><table align="center" width="405" height="169" border="0" cellpadding="0" cellspacing="0">
<tr bgcolor="#00FF00">
<td height="37" colspan="2"><div align="center"><strong>PLEASE LOGIN</strong></div> </td>
</tr>
<tr>
<td width="95" height="32">Username</td>
<td width="304"><label>:
<input name="username" type="text" id="username" />
</label></td>
</tr>
<tr>
<td height="26">Password</td>
<td><label>:
<input name="password" type="password" id="password" />
</label></td>
</tr>
<tr>
<td height="48"> </td>
<td><input name="Login" type="submit" id="Login" value="Login" />
<input name="Batal" type="submit" id="Batal" value="Batal" /></td>
</tr>
<tr bgcolor="#00FF00">
<td height="26" colspan="2"><div align="right"> <strong>http://belajarhtmldenganbaik.blogspot.com</strong></div></td>
</tr>
</table>
</body>
</html>
Dan hasil akhirnya :
</label></td>
</tr>
<tr>
<td height="26">Password</td>
<td><label>:
<input name="password" type="password" id="password" />
</label></td>
</tr>
<tr>
<td height="48"> </td>
<td><input name="Login" type="submit" id="Login" value="Login" />
<input name="Batal" type="submit" id="Batal" value="Batal" /></td>
</tr>
<tr bgcolor="#00FF00">
<td height="26" colspan="2"><div align="right"> <strong>http://belajarhtmldenganbaik.blogspot.com</strong></div></td>
</tr>
</table>
</body>
</html>
Dan hasil akhirnya :
dan ini sebuah form biodata diri
perhatikan source code dibawah ini :
<html>
<head>
<title>Belajar Membuat Form </title>
</head>
<body>
<form action=" formulir.html" method="get"align=">
Nama:
<input type="text" name="nama" value="Nama Kamu" />
<br />
Password: <input type="password" name="password" />
<br />
Jenis Kelamin : <input type="radio" name="jenis_kelamin" value="laki-laki" checked/> Laki - Laki
<input type="radio" name="jenis_kelamin" value="perempuan" /> Perempuan
<br />
Hobi: <input type="checkbox" name="hobi_baca" /> Membaca Buku
<input type="checkbox" name="hobi_nulis" checked />
Menulis
<input type="checkbox" name="hobi_mancing" />
Memancing
<br />
Asal Kota:
<select name="asal_kota" >
<option value="Kota Jakarta"> Jakarta</option>
<option>Bandung</option>
<option value="Kota Semarang" checked>Semarang</option>
</select>
<br />
Komentar Anda:
<textarea name="komentar" rows="5" cols="20">STMIK AMIKOM YK</textarea>
<br />
<input type="submit" value="Mulai Proses!" >
</form>
</body>
</html>
dan ini hasil nya:
sementara ini dulu
semoga bermanfaat menambah pengetahuan
selamat mencoba..!!!!!!
.jpg)
2 komentar:
Casino | Dr.MCD
Casino, and the Ultimate 밀양 출장샵 Slots! In addition to their classic slots, Casino City is also home 김제 출장안마 to 문경 출장마사지 some truly memorable casino games. It offers over 120 Number of Casino Games: 12 (Over 18), Number of Slots: 세종특별자치 출장안마 100 (Most 경상북도 출장마사지 Recent Tables)Year opened: 2020Top Brands: Netent Rating: 5 · 1 vote
The Best Slots | Casino Roll
The best slots at Casino Roll. If you love table ventureberg.com/ games, หารายได้เสริม to https://jancasino.com/review/merit-casino/ play blackjack, you have https://octcasino.com/ to bet twice for the dealer to win. The dealer must 바카라 사이트
Posting Komentar