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 yang didalamnya bisa berupa , , dan .
tag
dalam tag 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 pada HTML :
1
2
3
.....isikan dengan .....
Tag
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 .
berikut beberapa bentuk dalam keluarga tag yang dikategorikan berdasarkan atribut :
- textbox yang bisa menerima inputan text misalkan username atau berupa inputan text yang pendek.
- 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.
- inputan ini berupa tombol [button] untuk memproses data inputan dari form.
- inputan berupa checkbox yang dapat di ceklis oleh user.
- 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
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 :
1
2
3
isika pesan anda
tag
merupakan tag yang digunakan untuk user memilih data yang sudah disediakan. Dalam penggunakan selelau diikuti oleh yng digunakan untuk membuat pilihan.
berikut contoh penulisan pada HTML
1
2
3
4
Semarang
Bandung
Atribut name
atribut name merupakan atribut yang nilainya akan digunakan pada saat memproses data oleh web server. berikut contoh penulisan yang menggunakan atribut name
1
2
3
nama :
alamat :
password :
untuk lebih jelas membuat form dengan menggunakan HTML, perhatikan contoh berikut :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
Belajar Membuat Form pada HTML
nama :
alamat :
password :
Jenis Kelamin :
Laki - Laki
Perempuan
bahas pemograman yang dikuasai :
Web
MOBILE
DESKTOP
kota asal :
Semarang
Bandung
pesan anda :
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:
- cara membuat form html
- membuat form html
- cara membuat form input data dengan html
- cara membuat form di html
- cara membuat form input data dengan html dan css
- contoh form html
- membuat form dengan html
- cara membuat form html sederhana
- cara membuat form pada html
- form html
- SHARE :
Muzanni
Algorithms Learner, future lecturer and Happy to sharing about knowledge
- Author's profile
- All posts by Muzanni
Tags: bejar membuat form dengan html, cara Membuat Form pada HTML, form, form dengan html, form html, html, html dasar
Tutorial HTML Dasar
- #1. Pengertian HTML
- #2. Memilih Text Editor
- #3. Mengenal Tag, Element dan Atribut
- #4. Mengenal Heading HTML
- #5. Format Text HTML
- #6. Paragraf HTML
- #7. Membuat Tabel HTML
- #8. Link / Hyperlink HTML
- #9. List HTML
- #10. Format Code
- #11. Form HTML
- #12. Atribut Form HTML
- #13. Simbol HTML
- #14. Menampilkan Gambar HTML
- #15. Iframe HTML
- #16. Menghubungkan HTML dan CSS
- #17. Mengenal Class dan Id
- #18. Baris Baru [Tag BR]
Tutorial HTML Lanjutan
- #1. Favicon
- #2. Pemutar Video HTML
- #3. Tutorial HTML Lainnya
Produk
- Source Code Website Reservasi Kamar Hotel Dengan PHP dan MySQLi Rp 200,000
- Source Code Aplikasi Pengajuan Cuti Karyawan Berbasis Website Rp 200,000
- Source Code Toko Sport PHP dan MySQLi Rp 200,000
- Source Code Sistem Informasi Kuesioner Berbasis Web Rp 200,000
Tutorial Terbaru
- Tutorial Python # 13 : Jenis Operator Pada Python September 24, 2022
- Membuat Laporan PDF Dengan PHP dan MySQLi September 3, 2022
- Export Data ke Excel Dengan PHP dan MySQLi August 23, 2022
- Membuat Select Option Dinamis Menggunakan Ajax August 17, 2022
- Membuat QR Code Dengan PHP August 3, 2022
Toko Kami
SOCIAL
Malas Ngoding
TUTORIAL MENARIK LAINNYA
Selamat datang kembali di website malasngoding.com. Pada materi tutorial ini kita akan belajar tentang cara menampilkan file PDF di HTML di Website. Seperti yang kita ketahui, ... Diki Alfarabi HadiMenampilkan PDF Di HTML Dengan Mudah
12 August 2020
Membuat Game Snake Dengan HTML5 dan JQuery – Selamat datang di tutorial cara membuat game dengan html5. seperti pada judul tutorial ini, kita akan membahas ... Diki Alfarabi HadiMembuat Game Snake Dengan HTML5 dan JQuery
14 May 2017
Membuat Baris Baru atau Enter di HTML – hai teman-teman semuanya apakabar ? assalamualaikum.. kembali lagi di www.malasngoding.com. situs penyedia tutorial-tutorial seputar pemrograman yang berkualitas ... Diki Alfarabi HadiMembuat Baris Baru atau Enter di HTML
10 April 2017
Selamat datang kembali di www.malasngoding.com. situs yang fokus membahas tentang tutorial pemograman web, mobile dan desktop. Sesuai dengan judul “Cara Disable Resize Form Textarea Dengan ...Cara Disable Resize Form Textarea Dengan CSS
31 March 2017Apa itu tag form HTML?
Apa fungsi dari tag label dalam pembuatan form?
Apa fungsi form action pada HTML?