Scribd
Unggah
14 tayangan9 halaman

Pemerograman Web #3

Dokumen ini membahas tentang penggunaan form dalam pembuatan website. Form digunakan untuk mengumpulkan input data dari pengguna menggunakan berbagai kontrol seperti teks box, text area, list box, radio button, dan check box. Untuk membuat form, tambahkan tag <form> di dalam tag <body>. Kontrol form dapat ditampilkan lebih rapih dengan disimpan di dalam tabel. Contoh penggunaan berbagai kontrol form juga dijelaskan seperti cara membuat

Diunggah oleh

denifrimansyah14
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 PDF, TXT atau baca online di Scribd
14 tayangan9 halaman

Pemerograman Web #3

Dokumen ini membahas tentang penggunaan form dalam pembuatan website. Form digunakan untuk mengumpulkan input data dari pengguna menggunakan berbagai kontrol seperti teks box, text area, list box, radio button, dan check box. Untuk membuat form, tambahkan tag <form> di dalam tag <body>. Kontrol form dapat ditampilkan lebih rapih dengan disimpan di dalam tabel. Contoh penggunaan berbagai kontrol form juga dijelaskan seperti cara membuat

Diunggah oleh

denifrimansyah14
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 PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 9

PEMROGRAMAN WEB

M. IBROHIM, M.KOM

PERTEMUAN 3
FORM
Form digunakan untuk input data/entri data. Di dalam html terdapat beberapa control
form yg dapat digunakan, seperti control text box, list box, password box, text area box,
radio button, check box, reset button, submit button, hidden field, file select.

Untuk membuat form dalam html kita cukup menambahkan tag <form>...</form>
diantara tag <body>...</body>, untuk lebih jelasnya lihat kode di bawah ini:

....
<body>
<form>
Control form yg digunakan
</form>
</body>
....
Keterangan: tanda titik2 (....) maksudnya ada kode lain sebelum dan sesudah tag body, seperti
tag html, head, title dll.

Control Text Box


Untuk membuat control text box dalam html kita cukup menambahkan tag <input /> yg
disimpan di antara tag <form>...</form>.
Contoh:

Maka hasilnya akan terlihat seperti gambar di bawah ini:


Kita bisa lihat tampilan form tidak rapih, supaya tampilan terlihat rapih maka kita harus
menyimpan control form dalam tabel.

Ketika perintah tersebut di jalankan maka tampilan form akan terlihat lebih rapi seperti
pada gambar dibawah ini:
Control Text Area
Untuk membuat text area anda cukup menambahkan tag <textarea> diantara tag form

Berikut adalah tampilan dari control text area

Control List Box


Untuk membuat list box dapat menggunakan tag <select> untuk lebih jelasnya lihatlah
perintah dibawah ini
Berikut adalah bentuk dari control list box

Control Radio Button


untuk membuat radio button, dapat menggunakan tag input dengan type =”radio”.
Contoh:

Maka tampilan dari perintah diatas adalah sebagai berikut:

Control Check Box


Untuk membuat check box sama seperti membuat radio button, hanya atribut type pada
tag input diganti menjadi checkbox, untuk lebih jelasnya lihat kode di bawah ini.
Hasil dari perintah tersebut adalah sebagai berikut:

Control Password Box, Submit dan Reset Button

Hasil dari perintah tesebut adalah sebagai berikut:


Membuat Form Input Biodata
Hasil dari perintah diatas seperti gambar dibawah ini:
… SELESAI …
TERIMA KASIH

Anda mungkin juga menyukai