Pemrosesan Form Pada JavaScript

Pada bagian ini akan dipaparkan bagaimana memproses suatu input data yang berasal dari komonen form, seperti textbox, textarea, combobox, radio,button, dan lain-lain. Pada dasarnya untuk semua tag komponen form, disisipkan dalam tag form.

FORM
Tag Form dalam HTML memiliki Syntax sebagai berikut :
<form name="namaForm">
. . .
. . .
. . .

Contoh :
<form name=coba_form>
<input type="text" name="edit1">
<input type="text" name="edit2">
...
...
</form>
Untuk membaca value yang diinputkan melalui komponen dalam Form menggunakan javascript menggunakan obyek document dengan syntax sebagai berikut :
Document.namaform.namakomponen.value;
Sebagai contoh , script berikut ini adalah script untuk membaca nilai yang diinputkan user melalui komponen text lalau menampilkan sebagai alert.

Contoh :

<html>
<head>
<script language=”JavaScript” type”text/javascript”>
Function baca()
{
Var nilai = document.formku.input.value;
Alert(“Anda telah memasukan input : “+nilai);
}
</script>
</head>
<body>
<h1>Baca Input </h1>
<form name=”formku”>
Masukan sebuah input <input type=”text” name=”input”>
<input type=”button” name=”button” value =”OK” onclick=”baca()”>
</form>
</body>
</html>
Reactions

Post a Comment

0 Comments