Mengenal Html Bab 9 : Form Pada Html
Well, sehabis sekian usang ngga ngeblog akibatnya sempat juga, disela sela menunggu dosen tiba kekelas ada waktu sedikit buat nulis yang mungkin ini bermanfaat bagi sobat sahabat sekalian. Baik, kali imi aku akan membagikan bahan wacana Form, yang mana kita ketahui Form ini biasa nya dipakai untuk menginput data sebelum data tersebut di proses ke sistem. Ada beberapa form yang mungkin familiar bagi sobat teman, diantaranya ialah Form Login, Comment, form data user atau yang lainnya. Untuk menciptakan tag form yakni ibarat ini <form> dan didalam tag form ini ada berupa tag <input>, <text area>, <option> ataupun <select>.
1. <form>
Tag ini sendiri ialah bingkai dari atribut atribut yang nanti akan dimasukkan kedalam tag form ini, dan juga diharapkan beberapa atribut untuk memproses data yang akan dikirim atau di proses. Biasanya nilai yang dikirim berupa alamat dari sebuah halaman yang memproses data inputan. Dan atribut yang kedua berupa method. Method ini menjelaskan bagaimana data yang dikirim oleh web browser. Nilai dari method ini biasanya POST atau GET, berikut Script HTML dari <form>
2. <input>
Tag input merupakan tag yang akan dipakai dalam form pengisian. Tag input ini mempunyai berbagai bentuk yang sanggup dipakai misalkan isian teks, angka, check box, radiobutton hingga dengan tombol submit berada dalam tag input ini.
Beberapa bentuk atribut dalam tag input yang dibagikan dalam beberapa kategori berdasarkan atribut :
- <input type="text"> textbox ini fungsinya mendapatkan inputan text misalkan username atau nama atau berupa inputan text yang pendek.
- <input type="password"> textbox ini berfungsi untuk mendapatkan inputan text yang tampilannya sendiri akan berupa bintang bintang, artinya textbox ini berfungsi untuk inputan Password user.
- <input type="submit"> inputan ini berupa tombol yang fungsinya untuk memproses data inputan dari form.
- <input type="checkbox"> Inputan ini berupa checkbox yang sanggup di ceklist oleh user.
- <input type="radio"> Inputan ini berupa radiogrup yang mana user sanggup menentukan salah satu dari piliuhan yang disediakan. Salah satu pola penggunaanya ialah Jenis Kelamin.
3. Tag <select>
tag ini merupakan tag yang dipakai oleh user untuk menentukan data yang disediakan. Dalam penggunaanna tag ini selalu diikuti oleh tag <option> yang mana tag option ini dipakai untuk menciptakan pilihan. Dibawah ini ialah pola penggunaan dasar dari tag select.
4. Tag <textarea>
Tag ini merupakan tag yang fungsinya ialah inputan text, hanya saja pada pada textarea ini sanggup diisikan dengan lebih banyak teks didalamnya. Dibawah ini ialah penggunaan dasar dari tag <textarea>
5. Atribut Name
Setiap tag inputan didalam form harus ditambahkan atribut name semoga sanggup diproses oleh web server nantinya. Didalam halaman proses yang biasanya berupa bahasa PHP atau ASP nilai dari atribut inilah yang akan menjadi variable form nya. Contoh pemakaian atribut name ibarat dibawah ini :
Ketiga inputan diatas akan tampak sama persis namun ketika pemrosesan data masing masing akan dibedakan berdasarkan atribut name.
Nah kini kita coba menciptakan sebuah form utuh. Gimana sih caranya ? Script nya ada dibawah ini :
Nah untuk tampilannya ibarat gambar dibawah ini
Dari semua diatas itu ialah HTML murni, artinya tanpa adonan css, css itu ialah sebuah bahasa scripting untuk mempercantik tampilan web kalian, nah berhubung diatas belum menggunakan css jadi tampilan formnya masih sangat tidak yummy dioandang hehehe.
Sekian dari aku hingga ketemu lagi di part berikutnya. Berhubung ini admin mendekati UAS wkwk kayaknya jarang posting di blog. Terima kasih yang sudah berkunjung, dan jikalau ada ynag ditanyakan sanggup di tanya di kolom komentar
Sumber https://daniskun.blogspot.com/