Properti HTMLInputElement.form mengembalikan elemen FORM yang berisi elemen INPUT ini, sebagai HTMLFormElement.
Sintaks:
inputObj.form
null dikembalikan jika 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', jika 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>
