Mengambil Nama Elemen Form Menggunakan DOM dalam JavaScript

Gambar Elemen Form dalam DOM

Keterangan:

  • document adalah objek dari halaman HTML.
  • form adalah objek yang berada dalam halaman HTML yang berarti form ini adalah objek didalam objek document.
  • elemen form adalah objek yang berada dalam form.

Mengambil Nama Elemen Form

Syntax:

document.nama_form.nama_elemen_form

Contoh:

Buatlah satu file HTML bernama elemen_form.html seperti berikut ini:

<html> 

<head>

<title>Belajar mengambil nama elemen form dengan JavaScript</title>

<script type=”text/javascript”>

function tampil(){

var nama_minuman=document.registrasi.minuman.value;
alert(nama_minuman);

}

</script>

</head>

<body>

<form name=”registrasi”>

<input type=”text” name=”minuman” onBlur=”tampil()”>

</form>

</body>

</html>

Keterangan:

  • onBlur=”tampil()”, Kode ini berarti saat elemen form ini kehilangan fokus yaitu pada saat kursor berada dalam elemen ini lalu kita menekan tombol tab maka fungsi tampil() akan dieksekusi.
  • document.registrasi.minuman.value, Kode ini berarti kita mengambil nilai dari elemen form yang bernama minuman yaitu <input name=”minuman”>

Hasil:

Bukalah file elemen_form.html melalui browsermu dan lihat hasilnya, apakah sudah sesuai dengan yang diinginkan … ?

 

Jika tutorial ini bermanfaat silahkan katakan ‘Terima Kasih Fahmi Basya Kartapura‘.

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *