Form
Properti HTMLInputElement.form mengembalikan elemen FORM yang berisi elemen INPUT ini, sebagai HTMLFormElement.
Sintaks:
inputObj.form
null dikembalikan bila elemen elemen INPUT ini memang tidak terdapat di dalam elemen FORM yang ditetapkan.
Contoh di bawah ini mengembalikan nilai atribut METHOD elemen FORM di mana elemen INPUT ber-NAME ‘username’ terdapat:
<FORM METHOD="POST" ACTION="yourCGIURL"> <FIELDSET> <LEGEND>Login</LEGEND> Username : <INPUT TYPE="text" NAME="username"> Password : <INPUT TYPE="password" NAME="password"> <INPUT TYPE="submit" VALUE="Log in"> </FIELDSET> </FORM> <SCRIPT TYPE="text/javascript"> var inputObj = document.getElementsByTagName("input")[0]; alert(inputObj.form.method); // "POST" </SCRIPT>
Contoh di bawah ini menguji apakah elemen INPUT ber-ID ‘username’ terdapat di dalam elemen FORM ber-ID ‘formID’, bila benar latarbelakang elemen INPUT itu akan berwarna hijau, sebaliknya biru:
<FORM ID="formID" METHOD="POST" ACTION="yourCGIURL"> <FIELDSET> <LEGEND>Login</LEGEND> Username : <INPUT TYPE="text" NAME="username" ID="username"> Password : <INPUT TYPE="password" NAME="password"> <INPUT TYPE="submit" VALUE="Log in"> </FIELDSET> </FORM> <SCRIPT TYPE="text/javascript"> var inputObj = document.getElementById("username"); if (inputObj.form.id === "formID") { inputObj.style.backgroundColor = "green"; // ini dijalankan }else{ inputObj.style.backgroundColor = "blue"; } </SCRIPT>
Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
