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....
Coding Memang Banyak jenisnya Dan Kali Ini Saya Akan Membahas Dua coding Seperti
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
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>
<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 / Judul </font></strong></td>
</tr>
<tr>
<th height="457" align="center"
bgcolor="silver">
<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>
<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>
Jangan Lupa Juga Mampir Di Blog Saya Dan Teman Saya Tentang Rowspan Dan Tabel Bersarang
-BLOG muhammad Fadri
Sekian Terimakasih Tunggu Info Tentang Coding Yang Lainnya Apabila ada tugas Yang lainnya
