Belajar HTML Dasar : Membuat From pada HTML #10 - Mazkran Tech
Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Belajar HTML Dasar / Kelas Pemograman

Belajar HTML Dasar : Membuat From pada HTML #10

Oleh Mazkran Tech Posting Komentar

 

Mazkran Tech

Form merupakan tempat pengumpulan data sebelum diproses oleh sistem. salah satunya adalah form login, from comment, form data user, dan lain sebagainya. untuk proses penginputan data dari form akan kita bahas di materi PHP, MYSQL, dan Javascript. tag yang digunakan untuk membuat form ini adalah tag <form> yang didalamnya bisa berupa <input>, <textarea>, <opstion>, dan <select>.

Tag <form>
Dalam tag <form> ini dibutuhkan beberapa atribut untuk memproses data yang akan dikirim, dan bisanya nilai yang dikirim berupa alamat dari sebuah halaman untuk memproses data inputan. dan atribut yang kedua merupakan method. method ini menjelaskan bagaimana data yang akan dikirim oleh web browser. nilai dari method ini biasanya get atau post.

Tag <input>
Tag ini merupakan yang akan digunakan dalam form pengisian. tag input ini memiliki banyak sekali bentuk yang bisa digunakan misalkan isian teks, password, checkbox, radio button, sampai dengan tombol submit berada dalam tag <input>.

Berikut beberapa bentuk dalam tag <input> yang dikategorikan berdasarkan atribut.
  1. <input type='text'> Form ini bersifat menerima inputan text misalkan : username, nama, tempat lahir, atau berupa inputan text pendek.
  2. <input type='password'> Form ini bersifat menerima inputan password. setiap text yang di input akan ditampilkan sebagai tanda titik, textbox ini biasanya digunakanuntuk membuat inputan password.
  3. <input type='submit'> Form ini berupa tombol submit untuk memproses data inputan dari form.
  4. <input type='checkbox'> Inputan berupa checkbox yang dapat diceklis oleh user. inputan ini memungkinkan user untuk mencheklist banyak pilihan sekaligus.
  5. <input type='radio'> inputan ini berupa radio grub, dimana user dapat memilih salah satu dari pilihan yang disediakan menggunakan form radio contohnya adalah form pemilihan jenis kelamin.
Tag <textarea>
Tag ini merupaka tag yang sama fungsinya dengan inputan text. hanya saja pada textarea ini dapat diisikan dengan lebih banyak teks didalamnya secara sekaligus. Contohnya untuk pengisian alamat legkap.
Berikut penulisan teksarea :
<textarea></textarea>

Tag <select>
Tag ini merupakan tag yang digunakan oleh user untuk memilih data yang sudah disediakan. dalam penggunaan <select> selalu diikuti oleh <option> yang digunakan untuk membuat pilihan.

berikut contoh penulisan <select> pada HTML

Untuk lebih memberikan pemahaman lebih tentang cara membuat form pada HTML, silahkan perhatikan contoh berikut.



Dan jalankan pada browser untuk melihat hasilnya.

Dari contoh diatas, dapat di perhatikan bahwa ada beberapa jenis form yang terdapat pada HTML.

Posting Komentar untuk "Belajar HTML Dasar : Membuat From pada HTML #10"