Cara Mudah Membuat Form di HTML

Cara Mudah Membuat Form di HTML

Cara Mudah Membuat Form di HTML ? Melanjuti artikel saya tentang Membuat Table Dengan HTML,pada artikel ini saya akan menjelaskan cara membuat form dengan html. Form adalah sebuah wadah untuk mengisi data sesuai dengan input yang dibuat.Form berguna untuk mendapatkan data yang diperlukan dari user sehingga dapat diolah untuk kebutuhan sebuah aplikasi.

Pada setiap aplikasi sistim informasi form adalah sebuah kunci penting karena merupakan jembatan antara user dan aplikasi untuk berinteraksi.Form juga merupakan salah satu syarat sebuah web menjadi web dinamis. Didalam form terdapat banyak tipe bagaimana cara data diinputkan,seperti tipe text yang digunakan untuk menerima input text sebanyak 1 baris,tipe text area digunakan untuk menerima input text lebih dari 1 baris,

tipe combo box digunakan untuk menerima input text yang sudah kita tentukan inputnya,sedangkan tipe submit digunakan untuk mengirim data yang telah dimasukan untuk diolah ke halaman yang telah ditentukan dan masih banyak lagi yang lainnya

Form mempunyai dua properti yang wajib digunakan yaitu ?method? dan ?action?,properti ?method? berfungsi untuk memberikan metode pengiriman data dari form tersebut.Untuk properti ?action? berfungsi untuk memberikan alamat file yang akan mengolah data inputan.

Baiklah langsung saja kita praktikan !

Cara Mudah Membuat Form di HTML

<html>

<head>

<title>Membuat Form Sederhana</title>

</head>

<body>

<h1>Form Data Diri</h1>

<form method=”post” action=”proses.php”>

Nama : <input type=”text” name=nama><br>

Alamat :<textarea name=”alamat”></textarea><br>

No.Telepon : <input type=”text” name=telp><br>

Jenis Kelamin :

<select name=”jenis”>

<option>Laki-laki</option>

<option>Perempuan</option>

</select>

<br>

<input type=”submit” name=”kirim” value=”KIRIM”>

</form>

</body>

</html>

Pada kode diatas metode(method) yang dipakai dalam form adalah post,kenapa menggunakan post ?. Karena dengan menggunakan metode post nilai variabel yang anda masukan akan tersembunyi, otomatis data akan lebih aman. Selain itu metode post tidak dibatasi oleh panjangnya string sehingga dapat memuat data lebih banyak.Lain halnya dengan metode ?get? dimana panjang string dibatasi 2047 karakter serta nilai variabel tidak tersembunyi melainkan tertera pada URL.

Pada kode ?action? berisi nilai ?proses.php? yang artinya setelah tombol kirim di tekan,maka data yang dimasukan didalam form akan ditrasfer ke halaman ?proses.php? untuk diolah. Tentu saja setelah anda menekan tombol kirim,web browser akan memberi pesan ?file not found? karena file ?proses.php? tidak ada atau belum anda buat.

Penggunaan kode ?name? pada masing-masing tipe input mendefinisikan nama-nama dari objek tersebut,ini berfungsi agar saat pengolahan data input dapat dipanggil sesuai dengan nama yang diberikan. Bagaimana apakah anda paham dengan penjelasan yang saya berikan,mudah-mudahan anda sekalian dapat mengerti tentang cara Membuat Form HTML.

Author: asligueq

Leave a Reply

Your email address will not be published. Required fields are marked *