Bentuk yang banyak digunakan di Internet untuk membuat interaktivitas ke halaman. Bentuk umum dari penggunaan adalah misalnya untuk menciptakan bentuk-bentuk umpan balik. Dalam HTML bentuk yang dibuat dengan terlebih dahulu membuat kelompok bentuk, kemudian menambahkan komponen untuk itu. Seperti bidang teks. Kelompok Form didefinisikan dengan <form ...> </ FORM> . Ingatlah untuk menutup tag form! <form ...> </ FORM> dapat berisi beberapa atribut:
- AKSI: URL dari program CGI
- METODE: Bagaimana untuk mentransfer data ke CGI
- NAMA: Nama formulir ini
- ENCTYPE: Apa jenis formulir ini adalah
- TARGET: Apa frame untuk menempatkan hasil dalam
- onSubmit: Script untuk menjalankan sebelum formulir dikirimkan
- onReset: Script untuk menjalankan sebelum bentuk-reset
Formulir dapat berisi beberapa jenis bidang data entry ( <INPUT ...> dan <textarea ...> </ TEXTAREA> ), tombol dan daftar pilihan ( <SELECT ...> </ SELECT> dan <OPTION .. .> ). <INPUT ...> dapat berisi beberapa atribut:
- TYPE: Apa jenis lapangan
- NAMA: Nama bentuk bidang ini
- NILAI: Nilai awal atau hanya bidang ini
- UKURAN: Seberapa lebar bidang teks harus
- MAXLENGTH: Jumlah maksimum karakter
- DIPERIKSA: Check this checkbox atau radio button
- PERBATASAN: Perbatasan di sekitar gambar
- SRC: URL gambar
- ALT: Teks untuk menunjukkan jika Anda tidak menampilkan gambar
- LOWSRC: Sebuah versi dari gambar yang tidak seperti file berukuran besar
- LEBAR: Lebar gambar
- TINGGI: Tinggi gambar
- ALIGN: Bagaimana teks harus mengalir di sekitar gambar
- Vspace: jarak vertikal antara gambar dan teks
- Hspace: jarak horizontal antara gambar dan teks
- Baca: Nilai bidang ini tidak dapat diubah
- CACAT: Jangan biarkan pengguna melakukan sesuatu dengan bidang ini
- TABINDEX: Tab order
- BAHASA: Bahasa Scripting untuk menggunakan
- Autocomplete: Jika browser harus menggunakan autocompletion untuk bidang
- onClick: Ketika pengguna mengklik di sini
- onchange: Ketika bidang ini diubah
- onFocus: Ketika bidang ini mendapat fokus
- onBlur: Ketika bidang ini kehilangan fokus
- onKeyPress: Script untuk dijalankan ketika tombol ditekan
- onkeyup: Script untuk ketika tombol naik sementara lapangan memiliki fokus
- OnKeyDown: Script untuk ketika kunci turun sementara lapangan memiliki fokus
<textarea ...> </ TEXTAREA> dapat berisi beberapa atribut:
- NAMA: Nama bentuk bidang ini
- COLS: Berapa banyak karakter lebar
- ROWS: Berapa banyak baris
- WRAP: Bagaimana untuk membungkus teks
- Baca: Jangan biarkan pengguna mengubah isi field
- CACAT: Jangan biarkan pengguna melakukan sesuatu dengan bidang ini
- TABINDEX: Tab order
- BAHASA: Bahasa scripting
- onchange: Script untuk menjalankan ketika pengguna telah berubah textarea
- onKeyPress: Script untuk dijalankan ketika tombol ditekan
<SELECT ...> </ SELECT> harus terdiri dari beberapa ...> <option tag. <SELECT ...> </ SELECT> dapat berisi beberapa atribut:
- NAMA: Nama ini elemen bentuk
- GANDA: Memungkinkan lebih dari satu pilihan
- UKURAN: Berapa banyak pilihan untuk menampilkan
- Baca: Jangan biarkan pengguna mengubah nilai bidang ini
- CACAT: Jangan biarkan pengguna melakukan sesuatu dengan bidang ini
- BAHASA: Bahasa Scripting untuk menggunakan
- TABINDEX: Tab order
- onchange: Apa yang harus dilakukan ketika sebuah pilihan baru yang dipilih
- onFocus: Script untuk dijalankan ketika bidang ini mendapat fokus
- onBlur: Script untuk dijalankan ketika bidang ini kehilangan fokus
<option ...> dapat berisi beberapa atribut:
- NILAI: Apa nilai jika opsi ini dipilih
- TERPILIH: Opsi ini dipilih secara default
|
Contoh # 1 |
Contoh bentuk sederhana: <FORM ACTION = "/ cgi / formmail.pl" METODE = "post" > <INPUT TYPE = "text" SIZE = "30" NAME = "nama" NILAI = "Ketik nama Anda di sini" > <SELECT UKURAN = "1" NAME = "negara" > <OPSI TERPILIH > Pilih negara <option> Finlandia </ SELECT> <TEXTAREA COLS = "30" ROWS = "7" NAME = "umpan balik" > Tanggapan sini </ TEXTAREA > <INPUT TYPE = "submit" NILAI = "Send" > <INPUT TYPE = "reset" NILAI = "Reset" > </ FORM>
Akan terlihat seperti ini:
|
Klik di sini untuk kembali ke isi ... |
