Properti HTMLFormElement.elements mengembalikan koleksi form control (INPUT, SELECT, dll) di dalam elemen FORM HTML ini, sebagai HTMLCollection.
Sintaks:
formObj.elements
- Libatkan HTMLFormElement.length untuk mengembalikan bilangan bulat yang menunjukkan banyaknya form control di dalam FORM ini.
- Libatkan
HTMLCollection.item()untuk mengembalikan form control di dalam FORM ini berdasarkan indeks. - Libatkan
HTMLCollection.namedItem()untuk mengembalikan form control berdasarkan NAME atau ID di dalam FORM ini.
Contoh dibawah ini mengembalikan TYPE form control pada indeks ke-0:
<FORM NAME="formName">
<INPUT TYPE="text">
<INPUT TYPE="password">
<INPUT TYPE="submit">
</FORM>
<SCRIPT TYPE="text/javascript">
var formObj = document.forms["formName"];
alert(formObj.elements.item(0).type); // "text"
</SCRIPT>
Contoh dibawah ini mengembalikan banyaknya form control di dalam elemen FORM ini:
<FORM NAME="formName">
<INPUT TYPE="text">
<INPUT TYPE="password">
<INPUT TYPE="submit">
</FORM>
<SCRIPT TYPE="text/javascript">
var formObj = document.forms["formName"];
alert(formObj.elements.item(0).length); // 3
</SCRIPT>
