表單相關API
阿新 • • 發佈：2020-06-05
1. 獲取表單控制元件
可以通過標點元素的name屬性值或者id獲取，也就是document.getElementByName()；getElementById();
<inputtype="text"id="oinput"> //建立一個表單 varoInput=document.getElementById("oinput"); //通過id來獲取標籤2.表單相關的事件
subject：
當提交表單時，會發生 submit 事件。
該事件只適用於 <form> 元素。
submit() 方法觸發 submit 事件，或規定當發生 submit 事件時執行的函式。
resrt：
在 HTML 表單中 <input type="reset"> 標籤每出現一次，一個 Reset 物件就會被建立。
當重置按鈕被點選，包含它的表單中所有輸入元素的值都重置為它們的預設值。預設值由 HTML value 屬性或 JavaScript 的 defaultValue 屬性指定。
重置按鈕在重置表單之前觸發 onclick 控制代碼，並且這個控制代碼可以通過返回 fasle 來取消。
您可以通過遍歷表單的 elements[] 陣列來訪問某個重置按鈕，或者通過使用document.getElementById()。
3.表單相關的控制元件
change事件 監控表單控制元件的值變化事件 （控制元件的value如果變化了才會觸發）
輸入事件 input事件
<inputtype="text"id="txt"> <divid="div"></div> <script> vartxt=document.querySelector("#txt"); vardiv=document.querySelector("#div"); txt.onchange=function(){ console.log("值變化了"); } 建立一個表單，在裡面輸入內容時，會在控制檯列印。