Membuat Form pada HTML

Belajar HTML Part 11 : Membuat Form pada HTML


Membuat Form pada HTML

form merupakan tempat penginputan data sebelum diproses oleh sistem.  salah satunya adalah form login, form 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 <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 biasanya nilai yang dikirem berupa alamat dari sebuah halaman untuk memproses data inputan. dan atribut yang kedua berupa method. method ini menjelaskan bagaimana data yang akan dikirim oleh web browser. nilai dari method ini biasnya get atau post. berikut contoh penulisan <form> pada HTML :

Tag <input>

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

berikut beberapa bentuk dalam keluarga tag <input> yang dikategorikan berdasarkan atribut :

  1. <input type=’text’> textbox yang bisa menerima inputan text misalkan username atau berupa inputan text yang pendek.
  2. <input type=’password’> textbox yang menerima inputan text, akan tetapi text yang diinput akan di tampilkan sebagai tanda bintang atau titik, textbox ini biasanya digunakan untuk inputan password.
  3. <input type=’submit’> inputan ini berupa tombol (button) untuk memproses data inputan dari form.
  4. <input type=’checkbox’> inputan berupa checkbox yang dapat di ceklis oleh user.
  5. <input type=’radio’> inputan yang berupa radio grup, dimana user dapat memilih salah satu dari pilihan yang disediakan. salah satu contoh penggunaan dari radio ini adalah jenis kelamain.

tag <textarea>

<textarea> merupakan tag yang sama fungsinya dengan inputan text, hanya saja pada textarea ini dapat diisikan dengan lebih banyak teks didalamnya. untuk mengatur panjang dan banyak baris pada textarea ini dapat menggunakan CSS.

berikut contoh penulisan textarea :

tag <select>

<select> merupakan tag yang digunakan untuk user memilih data yang sudah disediakan. Dalam penggunakan <select> selelau diikuti oleh <option> yng digunakan untuk membuat pilihan.

berikut contoh penulisan <select> pada HTML

Atribut name

atribut name merupakan atribut yang nilainya akan digunakan pada saat memproses data oleh web server. berikut contoh penulisan yang menggunakan atribut name

untuk lebih jelas membuat form dengan menggunakan HTML, perhatikan contoh berikut :

Membuat Form pada HTML

Membuat Form pada HTML

dari contoh di atas merupakan form yang sangat sederhana menggunakan HTML. untuk mempercantik form yang anda buat harus menggunakan CSS yang bisa anda pelajari disini.

dari contoh di atas pula dapat anda lihat penggunaan masing-masing tag atau atribut yang sudah kita bahas. untuk membuat form HTML dan CSS akan kita pelajari di tutorial selanjutnya.

Tutorial HTML Dasar Lainnya

Belajar HTML Part 1 : Pengertian HTML

Belajar HTML Part 2 : Memilih Text Editor

Belajar HTML Part 3 : Mengenal Tag, Element, Atribut HTML

Belajar HTML Part 4 : Heading Pada HTML

Belajar HTML Part 5 : Format Text Pada HTML

Belajar HTML Part 6 : Membuat Paragraf Pada HTML

Belajar HTML Part 7 : Membuat Table Pada HTML

Belajar HTML Part 8 : Membuat Hyperlink Pada HTML

Belajar HTML Part 9 : Membuat List Pada HTML

Belajar HTML Part 10 : Membuat Format Code Pada HTML

Belajar HTML Part 11 : Membuat Form Pada HTML

Belajar HTML Part 12 : Atribut Form Pada HTML

Belajar HTML Part 13 : Membuat Symbol Pada HTML

Belajar HTML Part 14 :Menampilkan Gambar Pada HTML

Belajar HTML Part 15 : Tag Iframe Pada HTML

Belajar HTML Part 16 : Menghubungkan HTML dengan CSS

Belajar HTML Part 17 : Mengenal Class dan Id Pada HTML

Incoming search terms:

  • form pada html
  • Cara bikin tag gorm html drgan css
  • materi form html
  • belajar web form html
  • teks editor apa saja yang digunakan membuat form
  • buat form dan fitampilkan pada html
  • cara buat form pada Html5
  • cara memasukkan simbol ke textfield bootstrap
  • cara membuat contact us di html malas ngoding
  • cara membuat form html




About the author
Muzanni

Love Mobile Development


Discussion
  • 10 Comments

Write a Comment

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


CENTANG untuk bisa mengirimkan komentar. [ Verifikasi bukan robot ]