7. Tutorial HTML MEMBUAT FORM DI HTML Bag 1 - Bewok Tekno

STAY HUNGRY STAY FOOLISH

Breaking

Home Top Ad

Saturday, May 14, 2016

7. Tutorial HTML MEMBUAT FORM DI HTML Bag 1

Hai semua, om adji hadir kembali ini, setelah sebelumnya kita membahas cara membuat tabel di HTML, sekarang kita akan belajar membuat form di HTML.

Dalam membuat form di HTML, kita harusnya juga membuat file aksi.php yang fungsinya untuk menambahkan isian dari form yang kita buat kedalam database. Namun karena kita belum membahas mengenai php, jadi kita akan bahas cara membuat form di HTML saja dulu.
Ok, langsung saja kita coba buat script nya.

 <!DOCTYPE html>
<head>
   <meta charset="UTF-8">
   <title>Belajar membuat form di HTML</title>
</head>
<body>
     <h1 align="center">SELAMAT DATANG</h1>
     <br><br>
     <p>Ini adalah sebuah form sederhana</p><br>
<form action="aksi.php" method="POST" target="_blank">
    <p>Nama     : <input type="text" name="nama"></p>
    <p>Alamat : <input type="text" name="alamat"></p>
    <p>Telepon: <input type="text" name="tlp"></p>
    <p>Foto  :<input type="file"></p>
    <p><input type="submit" value="Kirim Data"> <input type="reset" value="Batal"></p>
</form>
</body>
</html>
Hasilnya akan seperti ini

Tentunya pertanyaan yang langsung muncul dari kalian adalah " apa maksud dari atribut-atribut itu?"
Ok, Om aji akan jelaskan semuanya biar hubungan kami ini jelas#apasih
.
atribut method digunakan untuk melakukan input data dengan metode POST, dalam php ada dua method untuk input data yaitu POST dan GET, akan kita pelajari nanti saat kita membahas php :))

atribut target digunakan untuk mengatur tampilan ketika form dikirim, apakah akan kita tampilkan di tab yang sama atau pada tab baru.

input element type text  digunakan untuk membuat textbox, ya contoh nya untuk membuat nama lengkap, username, dan lain - lain tergantung dari apa yang mau dibuat.

input element type file  digunakan untuk menambahkan file berupa gambar, dokumen, pdf, dan lainnya.

input element type submit  digunakan untuk mengirim data yang diisikan pada form ke aksi.php agar diproses kedalam database.

input element type reset  digunakan untuk membatalkan isian form, atau untuk mengosongkan form.
atribut name pada input element fungsinya untuk memudahkan saat memanggil isi form dalam php.

Sebenarnya masih banyak atribut dan element yang bisa digunakan dalam pembuatan form, namun kalau hanya untuk membuat form sederhana saja saya rasa seperti ini saja sudah cukup.
untuk lebihnya kita bahas pada tutorial berikutnya.Tutorial selanjut nya om aji akan menjelaskan, Bagaimana membuat form tersebut rapih, terlihat bahwa di gambar tersebut form nya tidak rapih, nah untuk rapih kita menggunakan table, yang pernah kita pelajari sebelum nya, nah karena terhubung ini udah kebanyakan, jadi om aji bakal bikin Membuat Form Di Html Bag II dengan Table. Itu aja tutorial dari om aji, Selamat Bagi yang Lulus UN
Tetap semangat yaaaaa...

No comments:

Post a Comment