DOM (Documents Object Model) adalah object model standar untuk HTML dan XML yang bersifat platform independent. Dom selalu menggunakan javascript dalam setiap metode-nya , sintaknya :
documents.getElementsById (". .")
Jika diartikan, dapatkan element di dokumen dengan indentitas (id) berikut... oke kita langsung peraktekan saja..
Open text editor anda, lalu buat file DOM.php yg isi scriptnya sebagai berikut.
<html>
<head>
<script type="text/javascript">
function ubah()
{
document.getElementById("id").type="password";
}
</script>
</head>
<body>
<input type="text" id="id">
<input type="submit" value="klick" OnClick="ubah()">
</body>
</html>
Save file di server anda htdocs atau www, lalu buka browser anda ketik localhost/namafolder.php maka akan tampil sebagai berikut.
Kemudian isi text sesuai keinginan anda lalu klik tombol klick maka text akan berubah menjadi password .
documents.getElementsById (". .")
Jika diartikan, dapatkan element di dokumen dengan indentitas (id) berikut... oke kita langsung peraktekan saja..
Open text editor anda, lalu buat file DOM.php yg isi scriptnya sebagai berikut.
<html>
<head>
<script type="text/javascript">
function ubah()
{
document.getElementById("id").type="password";
}
</script>
</head>
<body>
<input type="text" id="id">
<input type="submit" value="klick" OnClick="ubah()">
</body>
</html>
Save file di server anda htdocs atau www, lalu buka browser anda ketik localhost/namafolder.php maka akan tampil sebagai berikut.
yang membuat berubah menjadi password adalah .type="password", contoh lainya coba anda ubah .type="password" menjadi .readOnly=true, readOnly yg artinya form input text tidak bisa ditulis lagi bahkan dihapus. sekian teori kali ini semoga membantu anda selamat mencoba..
0 komentar:
Posting Komentar