Properti HTMLButtonElement.form merefensi kepada HTMLFormElement yang berisi elemen BUTTON ini.
Sintaks:
buttonObj.form
Properti HTMLButtonElement.form mengembalikan null jika elemen BUTTON ini memang tidak terdapat di dalam elemen FORM yang ditetapkan.
Contoh di bawah ini mengembalikan NAME dari elemen FORM yang memiliki elemen BUTTON ini:
<FORM NAME="formName">
<BUTTON ID="buttonID" TYPE="button">Tombol</BUTTON>
</FORM>
<SCRIPT TYPE="text/javascript">
var buttonObj = document.getElementById("buttonID");
alert(buttonObj.form.name); // "formName"
</SCRIPT>
Contoh di bawah ini menguji apakah elemen BUTTON ber-ID 'buttonID' terdapat di dalam elemen FORM ber-NAME 'formName', jika benar teks dari elemen BUTTON akan berwarna hijau, sebaliknya biru:
<FORM NAME="formName">
<BUTTON ID="buttonID" TYPE="button">Tombol</BUTTON>
</FORM>
<SCRIPT TYPE="text/javascript">
var buttonObj = document.getElementById("buttonID");
if (buttonObj.form.name === "formName") {
buttonObj.style.color = "green"; // ini dijalankan
}else{
buttonObj.style.color = "blue";
}
</SCRIPT>
