Page 221 - SK tingkatan 5
P. 221
Jadual 3.1.45 Contoh atur cara HTML dan output <form>
Atur cara Contoh Output
<html>
<body>
<form action=”\action_page.php”>
1
Nama:
<input type=”text”
3
name=”namapengguna” value=””>
2
<input type=”submit” value=”Hantar”>
</form>
</body>
</html>
Penerangan:
1 Tag HTML <form> digunakan untuk menghasilkan borang (form).
2 Borang mempunyai butang “Hantar” berjenis submit.
3 Teks daripada medan “Nama:” berjenis text dihantar kepada halaman “action_page.php”.
Jika butang "Hantar" diklik, data pada borang akan dihantar kepada satu Tahukah
halaman yang dipanggil "action_page.php". Pelayan akan memproses Anda
input yang dimasukkan pada borang dan memulangkan jawapan seperti
yang dikehendaki atau diarahkan seterusnya. Murid akan mempelajarinya • Tag HTML <form>
pada topik yang seterusnya, iaitu dalam topik Bahasa Penskripan Pelayan. Unsur <button>
• Menggunakan tag HTML “<button>” dan memanggil juga boleh digunakan
dalam borang HTML
procedure/function untuk melaksanakan arahan dalam atur cara (HTML form). Unsur
interaktif. HTML <form>
akan menghasilkan
Untuk topik ini, kita akan menggunakan butang tag HTML “<button>” satu borang yang
untuk membina laman web interaktif. Sebagai contoh, setelah butang dapat mengumpul
diklik, suatu procedure/function akan dipanggil untuk melaksanakan input/data daripada
sesuatu tugas/arahan. pengguna dan
terdapat beberapa
Seperti yang telah dipelajari sebelum ini, iaitu dalam topik 3.1.7, unsur input seperti
procedure/function ialah suatu kaedah dalam pembangunan atur cara medan teks,
yang melibatkan pembangunan asas kepada blok-blok dalam atur cara. checkbox, radio
Blok ialah kawasan/seksyen sesuatu arahan, iaitu kod-kod atur cara button dan submit
button.
ditempatkan untuk melaksanakan sesuatu tugasan tertentu. Tujuannya
untuk mengurangkan pengulangan ketika menulis arahan/kod yang sama.
Misalnya, apabila arahan/kod tersebut diperlukan semula, blok/seksyen
tersebut akan dipanggil semula untuk melaksanakan arahan/kod tersebut.
PB BAB 3 Pengaturcaraan Berasaskan Web 213
