#63 Mengenal atribut untuk membuat form html
pada tutorial ini kita akan mengenal atribut untuk membuat form html. ada beberapa atribut yang sekarang tidak perlu ditambahkan dan bisa ditambahkan untuk membuat form html.
accept-charset
atribut ini menentukan pengkodean karakter yang akan digunakan untuk pengiriman formulir.
<form accept-charset="kode_charset" > Code language: HTML, XML (xml)kode_charset bisa berisi Unicode( UTF-8 ) atau alfabet latin ( ISO-8859-1 ).
Pada versi awal HTTP / 1.1, pengkodean karakter default ditentukan: ISO-8859-1. Ini tidak disarankan lagi, dan sekarang setiap jenis konten mungkin memiliki defaultnya sendiri.
UTF-8 sekarang didukung dengan baik dengan pengkodean karakter yang sangat disukai.
namun semua browser menghilangkan accept-charset: Internet Explorer 8+, Safari 5+, Opera 11+, Firefox 10+ dan Chrome 27+ tidak lagi mengirimkannya.
jadi sekarang tidak perlu menulis kode accept-charset lagi.
html5 akan mengirimkan otomatis menjadi Windows-1252 atau CP-1252 yaitu pengkodean karakter byte tunggal dari alfabet latin yang paling banyak di gunakan didunia.
action
action menentukan di mana tempat untuk mengirim formulir-data ketika formulir dikirimkan, biasanya mengarah ke script yang mengumpulkan informasi yang akan diproses.
<form action="proses_tambah.php">Code language: HTML, XML (xml)jika membiarkannya kosong maka akan mengirimkannya ke file / halaman yang sama.
pada saat proses submit maka otomatis semua data yang di input pada elemen form akan dikirim kepada URL yang ada di atribut action.
method
atribut method menentukan metode HTTP yang akan digunakan saat mengirim data formulir (POST atau GET).
jadi method menjelaskan cara data dibawa ke url action pada waktu form di kirim.
<form action="action.php" method="get">
<form action="action.php" method="post">Code language: HTML, XML (xml)method get banyak digunakan untuk mendapatkan data, misalnya untuk menerima post dengan ID atau nama atau untuk mengirim pencarian.
metode GET akan menambahkan data formulir ke URL di address browser.
apabila tidak di kasih atribut method maka nilai defaultnya method GET, jadi tidak perlu ditambahkan atribut method jika methodnya GET.
Baca juga : Mengenal atribut input pada html
contoh jika menggunakan method GET dengan nama input search maka url yang akan muncul di address browser.
thohirdev.com/action.php?search=htmlmethod POST lebih aman daripada method GET. Method POST lebih disarankan apabila mengirim data yang bersifat sensitif ke server, karena method POST tidak menambahkan data formulir ke address browser.
autocomplete
atribut autocomplete menentukan apakah formulir harus memiliki autocomplete yang aktif atau nonaktif.
<form autocomplete="on|off">Code language: HTML, XML (xml)jika tidak diberikan atribut ini, browser secara default akan otomatis memberikan nilai on / aktif.
apabila autocomplete diaktifkan, saat menginput data di dalam form, browser secara otomatis akan memberikan bantuan untuk mengisi nilai berdasarkan nilai yang dimasukan pengguna.
nilai yang disarankan umumnya tergantung pada browser. biasanya nilai berasal dari nilai masa lalu yang dimasukkan oleh pengguna, tetapi mungkin juga berasal dari nilai yang telah dikonfigurasi sebelumnya.
misalnya browser memungkinkan pengguna menyimpan nama, alamat, nomor telepon dan alamat email untuk tujuan pelengkapan otomatis.
untuk menonaktifkan berikan nilai off ( autocomplete=”off” ), maka browser tidak diizinkan untuk secara otomatis memasukan atau memilih nilai untuk input data.
enctype
atribut encypte menentukan bagaimana data formulir harus dikodekan saat mengirimkannya ke server (hanya untuk method=”post”).
secara default data formulir di kodekan ke “application/x-www-form-urlencoded” yang berarti bahwa semua karakter di kodekan sebelum dikirim ke server ( spasi diubah menjadi simbol “+” dan karakter khusus diubah ke nilai ASCII HEX ).
ada 3 nilai atribut enctype
| application/x-www-form-urlencoded | : | Semua karakter dikodekan sebelum dikirim (default ini) |
| multipart/form-data | : | Tidak ada karakter yang dikodekan. Nilai ini diperlukan saat menggunakan formulir yang memiliki kontrol unggah file |
| text/plain | : | Spasi diubah menjadi simbol “+”, tetapi tidak ada karakter khusus yang dikodekan |
apabila ingin mengunggah gambar atau file gunakan enctype=”multipart/form-data” seperti contoh dibawah ini.
<!DOCTYPE html>
<html>
<head>
<title> upload file pada html </title>
</head>
<body>
<form method="post" enctype="multipart/form-data" action="upload.php">
<input type="file" name="gambar" /> <br><br>
<input type="submit" value="Upload" />
</form>
</body>
</html>Code language: HTML, XML (xml)target
atribut target menentukan nama atau kata kunci yang menunjukkan di mana menampilkan respon yang diterima setelah mengirimkan formulir.
<form target="_blank|self|_parent|_top|framename" >Code language: HTML, XML (xml)| _blank | : | Responnya ditampilkan di jendela atau tab baru |
| _self | : | Responnya ditampilkan dalam bingkai yang sama (ini default target) |
| _parent | : | Responsnya ditampilkan di bingkai induk |
| _top | : | Responsnya ditampilkan di seluruh bagian jendela |
| framename | : | Responsnya ditampilkan dalam iframe yang bernama |
Demikian tutorial mengenal atribut untuk membuat form html, semoga bermanfaat bagi teman-teman dan sampai jumpa pada tutorial berikutnya 🙂
Pencarian di thohirdev:
- membuat form html
- action form html
- upload form html
- method get pada form html