LAOPORAN web html 2

HYPER LINK DAN FORM 

 Element A

 Element A berfungsi untuk menghubungkan ke internal ataupun ekstranel halaman web. Element ini  mempunyai attribute href, name dan target.

Attribute href berfungsi sebagai hyperlink reference yang mempunyai nilai URI (Uniform Resource Identifier) yang akan menghubungkan ke eksternal halaman web.

Attribute name berfungsi untuk menghubungkan ke tempat tujuan dalam halaman web ( anchor).

Attribute target berfungsi untuk menampilkan halaman web pada suatu jendela frame atau jendela baru. Syntaks:

Element Form Element form berfungsi untuk mendefinisikan interaktif. Element ini mempunyai attribute yaitu action dan method.

Attribute action berisikan aksi terhadap form yang dikirimkan (URI)

Attributr method berisikan metode form melakukan proses pengiriman (GET/POST) Syntaks

Element Input Element input berfungsi untuk mendefinisikan input yang akan dimasukkan pengguna. Element ini mempunyai attribute yaitu name, size, type, value dan checked.

1. Attribute name mendefinisikan nama dari input kontrol form

2. Attribute size mendefinisikan ukuran teks pada input kontrol

3. Attribute type mendefinisikan bentuk-bentuk input kontrol

4. Attribute value mendefinisikan nilai awal/reset/submit

 5. Attribute checked mendefinisikan pilihan terpilih pada type radio/checkbox

Elemen ini tdak mempunyai tag penutup dan harus berada didalam element FORM. Syntaks:

Element Select Element select berfungsi untuk mendefinisikan opsi pilihan pada form kontrol. Element ini mempunyai attribute yaitu: name, size, multiple (diizinkan banyak pilihan ). Element ini harus berada di dalam element FORM.

Syntak:

Element Option Element OPTION mendefinisikan opsi pilihan pada menu  SELECT. Element ini mempunyai attributte selected dan value. Attribute selected opsi terpilih dan attribute berisikan nilai element OPTION.

Syntaks:

Element Textarea Element textarea berfungsi sebagai input kontrol form untuk memasukkan teks labih dari satu baris. Element ini mempunyai attribute yaitu name, cols, rows.

1. Attribute name mendefinisikan nama input kontrol form element textarea

2. Attribute cols mendefinisikan jumlah kolom textarea yang terlihat

 3. Attribute rows mendefinisikan jumlah baris textarea yang terlihat

Form ini harus berada didalam element FORM Syntaks:

Latihan 1:

Membuat link eksternal:

 Link:

atihan3_1. html

Latihan 2:

Membuat link internal dan anchor: Link internal dan anchor adalah ling untuk menunjuk ketempat yang ada dalam dokument ini.

Buat form dengan input control form seperti text, checkbox, radio, reset, submit, seperti pada tampilan dibawah ini:

latihan3_3.html

Jika pada form diaras diisikan nama = Rahmat; Student di Check dan Umur 21-25, maka jka disubmit yang terkirim adalah: Var1= “Rahmat” Var2= “1” Var3= “r3”

Dari latihan 3, tambahkan menu select seperti pada gambar:

TUGAS 

a. Pada latihan 1 tambahkan setiap link dengan target “_blank”,”_parent”,”_self”,”_top”. Amati hasilnya, analisa dan beri kesimpulan dari fungsi target tersebut. (pada latihan 1) b. Buatlah link ke bagian ketiga dari posisi bagian keenam pada latihan. (pada latihan 2) c. Apa perbedaan antara method POST dan GET d. Buatlah form yang apabila input text diisi dan button cari ditekan akan langsung mengarah ke mesin pencarian google. (pada latihan 3)