Scribd
Unggah
4 tayangan8 halaman

Tipe Masukan Formulir HTML dan Contohnya

Dokumen ini membahas tentang pengisian formulir pada saat mendaftar ke suatu organisasi dan jenis-jenis input yang tersedia pada form HTML seperti teks, password, checkbox, radio, submit, reset, file, hidden, image dan button. Contoh program HTML untuk membuat form registrasi dengan beberapa input teks dan tombol submit juga ditampilkan.

Diunggah oleh

febrianti dwianjani
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PPT, PDF, TXT atau baca online di Scribd
4 tayangan8 halaman

Tipe Masukan Formulir HTML dan Contohnya

Dokumen ini membahas tentang pengisian formulir pada saat mendaftar ke suatu organisasi dan jenis-jenis input yang tersedia pada form HTML seperti teks, password, checkbox, radio, submit, reset, file, hidden, image dan button. Contoh program HTML untuk membuat form registrasi dengan beberapa input teks dan tombol submit juga ditampilkan.

Diunggah oleh

febrianti dwianjani
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PPT, PDF, TXT atau baca online di Scribd

Pendahuluan

Pada saat seseorang mendaftarkan diri pada suatu


organisasi, sekolah, institusi atau jejaring sosial atau
apapun, ia harus mengisi beberapa hal yang
diperlukan dalam sebuah formulir. Misalnya pada
saat ingin mendaftar untuk bergabung dengan
facebook, kita diminta untuk mengisi form sebagai
berikut;

05/13/24 SAP PK&TI 2C 1


Contoh Form

05/13/24 SAP PK&TI 2C 2


Tipe masukan pada form html
Dalam html disediakan tag untuk membuat form
yaitu <form>, sedangkan area tempat kita
memasukan data, disediakan tag masukan yaitu
<input>. Tag input dapat berupa kotak teks, tombol,
dan lain-lain. Tag input memiliki atribut type yang
dapat digunakan untuk menentukan jenis masukan
yang diinginkan. Macam-macam atribut type sebagai
berikut;

05/13/24 SAP PK&TI 2C 3


Tipe masukan pada form html (lanjutan)
Type Keterangan
text Untuk menerima masukan berupa teks.
Untuk menerima masukan berupa password. Teks yang
password dimasukkan akan disamarkan dan akan terlihat menjadi
karakter-karakter tertentu, misalnya ***** atau •••••
Untuk menerima masukan berupa pilihan. Pilihannya bisa
checkbox
lebih dari satu buah.
Untuk menerima masukan berupa pilihan. Pilihannya hanya
radio
satu buah pilihan dalam satu waktu.
Tombol untuk menerima seluruh masukan dari pengguna.
submit
05/13/24 SAP PK&TI 2C 4
Tipe masukan pada form html (lanjutan)
Type Keterangan
Tombol untuk membatalkan seluruh masukan dari
reset
pengguna.
file Untuk menerima masukan berupa file.
Untuk masukan yang tidak perlu didapatkan dari pengguna
hidden namun masukan tersebut diambil atau diperoleh langsung
dari kode program html.
Untuk menerima masukan berupa gambar yang dapat
image
diklik. Fungsinya hampir mirip dengan submit.
Untuk membuat tombol yang dapat diklik oleh pengguna.
button
05/13/24 SAP PK&TI 2C 5
Contoh form yang akan dibuat

05/13/24 SAP PK&TI 2C 6


Contoh program untuk membuat form

05/13/24 SAP PK&TI 2C 7


Contoh form yang telah diisi

05/13/24 SAP PK&TI 2C 8

Anda mungkin juga menyukai