Suplemen HTML

Sedikit Suplemen untuk pelajaran /Materi HTML

I. BEKERJA DENGAN TAG

Macam-macam kontrol dalam Form :

1. Teks baris tunggal, untuk memasukan data angka dan teks
2. Teks banyak baris, untuk memasukan beberapa baris teks yang dapat digulung naik dan turun.
3. Teks password, untuk memasukan password yang ditampilkan dengan tanda bintang.
4.  Teks tersembunyi, untuk menyembunyikan teks dari yang diketikan dari pandangan pembaca.
5. Tombol Submit dan Reset, untuk mengirimkan data yang dimasukan pembaca ke web atau membatalkannya
6. Checkbox, memungkinkan pembaca untuk menggunakan kotak cek.
7.  Radio button, untukmemilih salah satu pilihan dari sekelompok pilihan yang tersedia
8. Daftar menu, memungkinkan pembaca memilih satu atau lebih pilihan dari daftar menu

A. TAG Sebuah form dibentuk dengan menggunakan pasangan tag

. Setiap elemen form harus mempunyai dua buah atribut METHOD dan ACTION.
 METHOD : cara mengirimkan data yang dimasukan pembaca ke web server
 ACTION : URL dari script yang dipanggil oleh form tersebut.
Contoh :

…isi form…

B. <br /> Untuk memberikan kesempatan pada pembaca untuk memasukan informasi teks pada lebih dari satu baris. Ditampilkan dengan panjang 4 baris dan lebar 40 karakter dalam keadaan kosong. Ada beberapa atribut untuk tag ini :<br />  NAME : memberi nama pada text area<br />  ROWS : mengatur panjang baris/tinggi text area<br />  COLS : mengatur lebar kolom text area<br />  Default Teks : Default teks yang ditampilkan sebagai default pada text area<br /> Contoh : <br /> <FORM action=http://homepage.com/prog/adduser method=”post”><TEXTAREA NAME=”comments” ROW=4 COLS=40>Isi komentar anda disini……<br />



C. Untuk membuat menu-menu pilihan dalam suatu daftar pop-up. Beberapa pilihan untuk tag ini adalah :  NAME : untuk mendefinisikan nama untuk daftar pilihan  SIZE : menyatakan jumlah baris yang muncul pada form.  MULTIPLE : memungkinkan menu bertindak seperti checkbox, sehingga pembaca dapat memilih lebih dari satu pilihan D. Untuk membuat menu-menu pilihan dalam suatu daftar pull-down. Atribut yang digunakan :  VALUE : menyatakan nilai yang akan dikembalikan jika suatu item dipilih  SELECTED : menyatakan pilihan default. Jika tidak ditentukan, pilihan pertama yang dijadikan default. Contoh :
Ethernet
Token Ring-16MB
Token Ring-4MB
LocalTalk




E.
Untuk membuat kontrol kotak teks yang terdiri dari satu baris check box, radio button, tombol submit dan reset, teks tersembunyi dan password. Atribut yang digunakan :
- CHECKED : digunakan pada TYPE=CHECKBOX dan TYPE=RADIO yang menyatakan suatu item dipilih atau tidak
- MAXLENGTH : menyatakan jumlah maksimal karakter yang dapat dimasukan
- NAME : memberikan nama dari kontrol pada form.
- SIZE : menyatakan ukuran dari kontrol
- TYPE : menyatakan jenis kontrol yang digunakan seperti TEXTAREA, CHECKBOX, TEXTBOX dan sebagainya
- VALUE : menyatakan nilai default untuk suatu kontrol.

 Kontrol Teks
Dalam bentuk kotak teks yang digunakan untuk memasukan data teks.
Contoh :

Masukan No. Telepon:

 Kontrol Password
Memberikan keamanan dalam pemasukan data.
Contoh :

Masukan Password:

 Kontrol Checkbox
Kotak kecil yang menampilkan tanda √ jika kotak tersebut diklik.
Contoh :

Kotak Checkbox
Kotak checkbox default

 Kontrol Radio Button
Kontrol yang hanya dapat mempunyai satu nilai dari beberapa kemungkinan nilai-nilai lainnya.
Contoh :
Form #1:

Ya
Tidak

Form #2:

Ya
Tidak

 Tombol Reset
Digunakan jika pembaca ingin menghapus atau mengulangi pemasukan data.
Contoh :

 Tombol Submit
Digunakan jika pembaca ingin mengirimkan pemasukan data.
Contoh :

F. TAG LINE BREAK
Tag
digunakan untuk pindah ke baris berikutnya.
Contoh :

Nama:


Alamat E-mail:

G. TAG PRE
Tag

atau Preformatted text digunakan untuk menampilkan teks seperti diketikan dalam dokumen HTML.
Contoh :
Nama :  
Alamat:  
Email :  
Kota :  
H. TABEL DALAM FORM
 Penggunaan tabel mempunyai efek yang sama dengan penggunaan tag 
. Penggunaan tabel lebih disarankan untuk mengatur field-field karena lebih tepat pengaturannya, dengan tabel dapat diatur gambar, link ke alamat atau elemen html lain.
Contoh :

Nama:

Alamat:

Email:

Kota:

I. FORM DENGAN PARAGRAPH MARK
 Jika anda mempunyai form yang dibagi menjadi beberapa bagian, gunakan tag paragraf …
. Tag  ini akan mengatur perataan field.
Contoh :
Optional:
Nama:   
Alamat:  
Komentar anda:


J.