Sunday, August 30, 2015

Materi Web Desain : Membuat Frame dan Form dalam HTML


Materi Web Desain : Membuat Frame dan Form

Materi Web Desain : Membuat Frame dan Form- Pada pertemuan kali ini kita akan membahas tentang Tag HTML Frame dan Form. Mari kita bahas dari Frame dahulu.

Frame digunakan untuk menampilkan halaman website didalam sebuah halaman website. Jadi, frame mampu menampilkan sebuah halaman website didalam halaman HTML yang kita buat.

Untuk membuat frame dalam html, digunakan tag iframe.


<iframe src="URL"></iframe>

Keterangan :
iframe=Tag Frame
src=alamat Website yang akan dimuat dalam halaman

Sebagai contoh :

<iframe src="http://www.facebook.com/"></iframe>

Frame tersebut akan menampilkan facebook didalam halaman yang dibuat tadi.

Mengubah ukuran frame


<iframe src="demo_iframe.htm" width="200" height="200"></iframe>

Dengan melakukan penambahan width atau panjang dan height atau lebar, maka frame akan berubah sesuai ukuran yang kita tetapkan.

Menghilangkan border


<iframe src="demo_iframe.htm" style="border:none"></iframe>

Menggunakan iframe sebagai target dari sebuah Link

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.facebook.com" target="iframe_a">facebook.com</a></p>

Pada tag selanjutnya kita bahas tentang tag form. Tag form dalam HTML digunakan untuk mendapatkan atau untuk mengumpulkan input dari user. Tag HTML yang digunakan sebagai berikut :

<form>
.
form elements
.
</form>

Didalam tag form, terdapat beberapa elements untuk mendukung input dari user. Sebagai contoh ada checkbok, radio button, submit dll

Macam-macam elements dalam Form


Text=Untuk mendapatkan input text
Radio=Untuk memilih dari beberapa opsi pilihan
Submit=Untuk submit form.

 <form>
  First name:<br>
  <input type="text" name="firstname">
  <br>
  Last name:<br>
  <input type="text" name="lastname"><br>
  <input type="radio" name="sex" value="male" checked>Male
  <br>
  <input type="radio" name="sex" value="female">Female
  <br>
  <input type="submit" value="Submit">
</form>

Atribut Action dalam Form

Atribut action digunakan untuk mengarahkan kemana hasil input dari form tersebut diproses. Ketika user menekan tombol submit, maka sebuah form diolah oleh halaman lain melalui atribut Action.

<form action="action_page.php">

Metode yang dipakai dalam action terbagi menjadi 2 yakni Get dan POST. Get digunakan untuk mengirimkan data dengan jumlah yang sedikit dan tidak terenkripsi. Sedangkan POST kebalikannya.


<form action="action_page.php" method="post">
<form action="action_page.php" method="get">

0 comments

Post a Comment