Cara Membuat Form Input Data Menggunakan HTML
Pada artikel ini saya akan membagikan bagaimana cara membuat sebuah form input dasar atau bisa di sebut tanpa desain (murni) hanya menggunakan html.
Untuk membuat sebuah form kita melibatkan beberapa tag dan atributt, seperti :
<form>
tag pembuka dalam sebuah form.
action
atribut ini yaitu fungsinya kemana form ini akan di arahkan, biasanya akan di arahkan ke link eksekusi data.
method
method atau dua jenis get dan post, fungsi nya berbeda. get digunakan untuk mengambil data yang telah terekam sebelumnya, contohnya kita mengambil nama pengguna menggunakan kode pengguna yang telah di masukkan , jika kita menggunakan post, ini lah yang kita gunakan untuk mengirim data inputan dan di proses melalui file eksekusinya.
<!DOCTYPE html>
<html>
<head><title>Membuat Form</title></head>
<body>
<form action="proses.php" method="get">
<table border="0">
<tr>
<td>Nama Lengkap</td>
<td>: <input type="text" name="namalengkap"></td>
</tr>
<tr>
<td>Password</td>
<td>: <input type="Password" name="Password"></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>: <input type="radio" name="Laki-laki">Laki-laki
<input type="radio" name="perempuan">Perempuan</td>
</tr>
<tr>
<td>Hobi</td>
<td>: <input type="checkbox" name="hobi_menggambar" /> Menggambar
<input type="checkbox" name="hobi_tidur" checked /> Tidur
<input type="checkbox" name="hobi_main-games" /> Main Games </td>
</tr>
<tr>
<td>Asal Kota</td>
<td>: <select name="kota">
<option value="Jakarta">Jakarta</option>
<option value="Bandung" selected="selected">Bandung</option>
<option value="Surabaya">Surabaya</option>
</select></td>
</tr>
<tr>
<td>Alamat Lengkap</td>
<td> <textarea name="alamat_lengkap" rows="5" cols="20">
Silahkan Isi Alamat Lengkap
</textarea></td>
</tr>
<tr>
<td><input type="submit" name="simpan" value="Simpan"></td>
<td><input type="reset" value="Reset"></td>
</tr>
</table>
</form>
</body>
</html>
selamat malam kak. postingan kakak sangat menarik, walaupun singkat, tapi mudah untuk di pahami. kakak juga menambahkan langsung detail dari listingnya. semangat terus kak untu berkarya,semoga diberi kesehatan. dan dapat membuat lebih banyak postingan yang lebih bermanfaat. perkenalkan nama saya Sri Agustina, Nim saya 1922500194. dan link website kampus saya https://www.atmaluhur.ac.id/.
ReplyDelete