MACAM-MACAM CODING

Ya kali Ini Saya Akan Membahas Tentang Coding Tentang FORM & LAYOUT
Coding Memang Banyak jenisnya Dan Kali Ini Saya Akan Membahas Dua coding Seperti Diatas, Sebelumnya Saya Sudah Membuat blog Tentang Coding Juga Di Karnakan Tugas
Ya Langsung saja CEKIDOT....

Penggunaan Form pada HTML

FUNGSI FORM ATRIBUT-ATRIBUT FORM DAN CONTOH FORM PADA HTML

1.Fungsi form

Form dapat ditemukan pada halaman web yang memiliki fungsi komunikasi, bukan hanya komunikasi antar pengguna internet seperti chatting, social network, dan email, tetapi juga komunikasi antara pengguna internet dengan web server seperti format pendaftaran untuk membuat account sebuah situs. Saat seseorang hendak membuat account sebuah situs, dia memberikan informasi kepada web server yang biasanya berupa identitas diri. Identitas tersebut diinputkan melalui form kemudian dikirim ke database web server.

Jadi, form biasanya digunakan untuk halaman web yang bersifat dinamis sehingga memungkinkan terjadinya komunikasi antara user dengan web server atau user lain.

2.Atribut form

Atribut Elemen Form

action = lokasi dan nama file "yang menangani form"

method = [ get | post ] "metode HTTP untuk men-submit form"

3.Elemen kontrol pada form

Ada 3 tag yang digunakan untuk membuat elemen kontrol pada form yaitu :

1. Tag <input>, untuk membuat elemen text, checkbox, radio button, tombol submit, dan tombol reset.

2. Tag <select>, untuk membuat menu pop-up.

3. Tag <textarea>, untuk membuat kolom isian teks panjang.

Atribut Elemen Formaction   = lokasi dan nama file "yang menangani form"
method = [ get | post ] "metode HTTP untuk men-submit form"

Properti Masukan Pada Elemen Form

a. Text Box <input type=”text” />

Digunakan untuk memasukkan input berupa text.size   = ukuran dari textbox dalam karakter, default 20
maxsize   = maksimal banyaknya karakter yang dapat diterima
name     = nama dari variabel yang dikirim ke suatu aplikasi
value   = akan menampilkan isinya sebagai nilai default

b. Password<input type=”password” />

Digunakan untuk memasukkan password.size      = ukuran dari textbox dalam karakter, default 20
maxsize   = maksimal banyaknya karakter yang dapat diterima
name   = nama dari variabel yang dikirim ke suatu aplikasi

c. Hidden<input type=”hidden” />

Digunakan untuk mengirim data ke suatu aplikasi yang tidak diinginkan untuk

dilihat oleh browser.name = nama dari variabel yang dikirim ke suatu aplikasi
value = nilai dari variabel

d. Check Box<input type=”checkbox” />

Check box digunakan untuk dapat memilih lebih dari satu pilihan.name      = nama dari variabel yang dikirim ke suatu aplikasi
value      = nilai dari variable
checked = ( checkbox yang sudah ditandai )

e. Radio Button<input type=”radio” />

Radio Button digunakan untuk dapat memilih hanya satu pilihan.name      = nama dari variabel yang dikirim ke suatu aplikasi
value      = nilai dari variabel
checked = ( checkbox yang sudah ditandai )

f. Push Button<input type=”button” />

Elemen ini biasanya digunakan dengan JavaScript atau VBScript untuk

menghasilkan suatu aksi.name = nama dari variabel yang dikirim ke suatu aplikasi
value = label teks diatas tombol

g. Submit<input type=”submit” />

Setiap elemen form membutuhkan tombol submit untuk mengirimkan nama dan

nilainya ke suatu aplikasi yang ditentukan dalam atribut ACTION dalam elemen

FORM.name = nama dari variabel yang dikirim ke suatu aplikasi.
value = label teks diatas tombol

h. Image Submit Button<input type=”image” src=”url” />

Digunakan untuk menggantikan tombol standar submit dengan image.name = nama dari variabel yang dikirim ke suatu aplikasi

i. Reset<input type=”reset” />

Digunakan untuk mereset semua masukan form.value = text label on the button

j. Text Area<textarea>…</textarea>

Elemen untuk memasukkan teks secara leluasa seperti notepad.name = nama dari varibel yang dikirim ke suatu aplikasi
rows = panjang baris dalam karakter
cols   = tinggi dalam karakter

k. Select<select>…</select>

Daftar isi dalam property select menggunakan tag <option>size    = jumlah pilihan yang dapat terlihat
name = nama dari suatu variabel yang terkirim ke suatu aplikasi

Nah Berikut ini Coding Cara Membuat FORM

CODING FORM

<!DOCTYPE html>

<head>

<title>Top INdex</title>

</head>

<body>

<tr>

<td height="80" align="center" bordecolor="#FFFFF"bgcolor="#FFF00"><strong><font size="10">Banner / Judul </font></strong></td>

</tr>

<tr>

<p>Body atau contents(isi)</p>

<p><font color="006600">body atau contents(isi)</font></p>

<P><font color="cc0000">body atau contents(isi)</font></p>

<p><font color="ffff00">body atau contents(isi)</font></p>

<p><font color="9f5f9f">body atau contents(isi)</font></p>

</th>

<th>

</tr>

<tr>

<th height="30" align="center" bgcolor="ccff99"><font color="#cc0000">Info Daftar isi navigasi</font></td>

</th>

<th>

</tr>

</table>

</form>

</body>

</html>

Contoh Dari Coding Form

Dan Ini Contoh Coding Dari LAYOUT

LAYOUT

<!DOCTYPE html>

<head>
<title>Top INdex</title>
</head>
<body>
<form id="form1" nama="form1"medhod="post"action="">
<table width="800" height="542" border="1" align="center">
<tr>
<td height="80" align="center" bordecolor="#FFFFF"bgcolor="#FFF00"><strong><font size="10">Banner atau iklan </font></strong></td>
</tr>
<tr>
<td height="27" align="center" bgcolor="#FFCCCC"><form color="#ff0000">Daftar isi atau navigasi</font></td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#ff66cc">
<p>Body atau contents(isi)</p>
<p><font color="006600">body atau contents(isi)</font></p>
<P><font color="cc0000">body atau contents(isi)</font></p>
<p><font color="ffff00">body atau contents(isi)</font></p>
<p><font color="ff6633">body atau contents(isi)</font></p>
</tr>
<tr>
<td helght="23" align="center" bgcolor="ccff99"><font color="#9966cc">Info tambahan atau lain-lain</font></td>
</tr>
</table>
</form>
</body>

</html>