BAB 3 Format Kaitan dan Format Formulir pada Halaman Web

-

 

BAB 3 Format Kaitan dan Format Formulir pada Halaman Web


 A. Format Kaitan pada Halaman Web

 Ada beberapa cara (format) untuk menampilkan pranala pada halaman web. Jika pengunjung website sedang mengeklik suatu kata atau gambar yang mengandung hyperlink, ia akan diarahkan untuk menuju ke alamat URL yang ada di dalam hyperlink tersebut. Sebuah embedded link (pranala yang tersimpan) adalah salah satu dari beberapa cara yang biasa digunakan dengan tipe/gaya teks khusus. 

1. Konsep Hyperlink dalam HTML

Link berguna untuk menghubungkan antardokumen HTML Link merupakan singkatan dari hyperlink, yang identik dengan sebuah fungsi dalam HTML yang digunakan untuk memudahkan user untuk menelusuri seluruh isi atau informasi yang tersimpan dalam website bersangkutan. Dalam HTML, sebuah objek teks yang berupa link akan ditampilkan dengan fout berwarna biru style underline (bergaris bawah).

2. Tag-Tag untuk Hyperlink

Peran link dalam halaman web sangat besar dan selalu dibutuhkan untuk memudahkan pengguna web dalam berinteraksi dengan halaman halaman web yang ada. Link dalam HTML ditandai dengan tag <A> (Anchor), yang terdiri atas atribut HREE yang digunakan untuk menuliskan lokasi tujuan (file) dari link dan variabel NAME yang digunakan untuk menyimpan nama variabel kunci sebagai lokasi (bagian) 'yang akan dituju' oleh link.

B. Format Formulir pada Halaman Web

Form dapat digunakan untuk berbagai keperluan, seperti keperluan login, transaksi penjualan, mengumpulkan informasi atau meminta umpan balik dari user, menawarkan barang/jasa secara online, dan sebagainya. Form sangat. sering dijumpai dalam satu aplikasi sistem informasi berbasis web.

1. Konsep Formulir dalam HTML

Form merupakan salah satu bentuk halaman web yang digunakan untuk menerima perintah masukan dari user, yang selanjutnya diolah menggunakan bahasa pemrograman web, baik secara server side scripting. menggunakan PHP atau JSP maupun client-side scripting (javascript). Berikut ini standar atau format umum penulisan dari form.

2. Penggunaan Tag Form

Form HTML digunakan untuk memilih berbagai macam inputan yang disediakan. Data bisa dimasukkan dalam bentuk input teks, pilihan radio button, check box, dan lain-lain. Bentuk inputan tersebut dikemas elemen dalam tag-tag form. Berikut ini elemen-elemen yang disediakan oleh HTML.
1. <button>, Merupakan tombol yang dapat diklik.
2. <datalist>, Daftar/list khusus yang didefinisikan dalam elemen tag <input> dan merupakan elemen baru di HTML5.
3. <fieldset>, Group dengan element yang berhubungan satu sama lain di dalam form.
4. <form>, Mendefinisikan untuk form bagi user
5. <input>, Mendefinisikan kontrol input pada form
6. <keygen>,  Merupakan generator key-pair field untuk form danbtermasuk elemen baru di HTML5.
7. <label>, Mendefinisikan label pada tag elemen <input> .
8. <legend>, Mendefinisikan judul untuk elemen <fieldset>.
9. <optgroup>, Mendefinisikan group options yang berhubungan satu sama lain dalam bentuk drop-down list, merupakan bagian dari tag elemen <select>.
10. <option>, Mendefinisikan option pilihan dalam bentuk drop-down list, merupakan bagian dari tag elemen.
11. <output>,  Merupakan hasil dari suatu perhitungan dan termasuk elemen baru di HTML5
12. <select>, Merupakan daftar secara drop-down.
13. <textarea> Mendefinisikan kontrol input berupa area teks pada form.

3. Form Option

<Form> merupakan formulir yang digunakan sebagai perantara dalam memasukkan data ke server. Elemen form harus membungkus seluruh elemen masukan informasi agar dapat dibaca oleh aplikasi web. Setiap elemen form dalam suatu halaman web harus memiliki atribut name yang digunakan sebagai pengenal dari nama elemen tersebut. Tag <form> digunakan untuk membuat form dalam dokumen HTML.


4. Metode Get dan Post

Protokol HTTP menyediakan dua metode dalam melalaikan permintaan pengiriman data bentuk HTML, yaitu metode GET dan metode POST. Sementara itu, permintaan HTTP terdiri atas dua bagian, yaitu sebuah header yang berisi sekumpulan metadata global mengenai kemampuan browser dan body yang dapat berisi informasi yang diperlukan ke server untuk memproses permintaan khusus.

5. Tipe-Tipe Inputan dalam Form (Text, Password, Radio, Checkbox Hidden, Button, Submit, dan File) 

Form HTML digunakan untuk memilih pelbagai macam data yang disediakan dalam bentuk text area, input teks, pilihan radio button, check box. dan lain-lain. Bentuk input tersebut dikemas elemen dalam tag-tag form.

6. Link dalam Form

Penggunaan link pada dokumen HTML, yaitu untuk menghubungkan dokumen tersebut ke halaman lain yang merupakan alamat tujuan. Link digunakan sebagai penghubung antara satu halaman dengan halaman lainnya

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Membuat Website Pembelian Tiket Pesawat dengan PHP dan SQL

-
Gambar
  Dalam sebuah system e-commerce tentunya harus terdapat database yang dapat menangani beberapa hal seperti: menangani database produk yang akan dijual, menangani pencatatan order yang masuk, produk apa yang di pesan, seberapa banyak produk tersebut dipesan. Tabel- Tabel dalam database yang kita perlukan untuk membuat Pembelian Tiket Pesawat : Tentu saja kita membutuhkan codingan PHP untuk membuat struktur design. Codingan yang akan kita perlukan : 1. koneksi.php 2.Tampilan User : - index.php                                      - login.php                                     - register.php                                       - pesanan.php  ...
Baca selengkapnya

Cara Menggabungkan Sel Tabel (Attribut Rowspan dan Colspan)

-
Gambar
Pertama-tama apa sih itu Attribut Rowspan dan Colspan? Atribut R owspan  digunakan untuk menggabungkan baris pada tabel. Sedangkan Atribut C olspan  digunakan untuk menggabungkan kolom pada tabel Contoh Penggunaan Rowspan dan Colspan :   < table class="table" border="2">   < thead class=" thead-dark ">     < tr >         < th rowspan="2">No</ th >         < th rowspan="2">First Name</ th >         < th rowspan="2">Last Name</ th >         < th colspan="3">Life Style</ th >     </ tr > Dalam contoh di atas, kita dapat melihat bahwa tag  th  yang memiliki Attribut  Colspan ,   akan membuat sel tabel  bersatu  dengan  kolom  disebelahnya. Sedangkan atribut  Rowspan  akan membuat sel tabel bersatu dengan  baris  dibawahnya. Kedua at...
Baca selengkapnya

Membuat program dengan 5 Struktur Kontrol pada bahasa PHP

-
Gambar
<?php while ( true ) {   echo "Hello \n " ;     break ; //saya menambah break dikarenakan loop yang dilakukan pada codingan diatas terlalu banyak } $siswa = array ( "Udin," , " Pesulap Merah" , " dan Gus Samsudin" ); foreach ( $siswa as $pelajar ) {   echo " $pelajar " ; } $favwarna = "hijau" ; switch ( $favwarna ) {   case "merah" :     echo "<br> Warna favorit anda adalah Merah <br>" ;     break ;   case "hijau" :     echo "<br> Warna favorit anda adalah Hijau <br>" ;     break ;   default :     echo "<br> Anda tidak memiliki warna favorit <br>" ; } for ( $x = 10 ; $x < 100 ; $x += 65 ) {         if ( $x == 10 ) {             continue ;         }     echo "Nilai rata-rata kalian: $x <br>" ; } $nilai = 75 ; if ( $nilai > 60 ) {   echo "Nilai kal...
Baca selengkapnya