資訊專欄INFORMATION COLUMN
摘要：文本框獲得焦點時，選中其中所有的文本思路利用焦點事件事件，在文本框獲得焦點時，利用其方法選中所有文本。自動切換焦點思路利用事件檢測用戶輸入新字符后，文本框內的字符串是否已經達到最大長度，若達到最大長度，則將焦點切換至下一個文本框。
JavaScript 表單腳本
通過 document.forms 可以獲得一個包含當前頁面中所有表單的集合
HTMLFormElement 接口下面是這個接口常用的屬性和方法：
action：接受請求的 URL，等價于 HTML 中的 action 特性。
elements：返回表單中所有控件（或表單字段）的集合（HTMLFormControlsCollection）。需要注意的是，其中不包括 type 等于 image 的 input 元素。
enctype：請求的編碼類型，HTML 提供了3種編碼類型
application/x-www-form-urlencoded：默認的編碼類型
multipart/form-data：在上傳文件時使用（）
text/plain：在 HTML5 中引進，但是不建議使用
【參考】：What does enctype="multipart/form-data" mean?
length：表單中控件的數量
method：要發送的 HTTP 請求類型（get 或 post），等價于 HTML 中的 method 特性
name：表單的名稱，等價于 HTML 中的 name 特性
noValidate：是否驗證表單，若它的值為 true，則表示禁止驗證表單
reset()：將該表單下的所有表單域重置為默認值
submit()：提交表單
重置或提交表單在 HTML 中，重置表單的方式有以下 2 種：
用戶點擊重置按鈕重置表單時，會在重置表單之前觸發 reset 事件。利用這個事件，我們可以取消不必要的重置操作。
當然，也可以通過 JavaScript 調用 reset() 方法來重置表單，這個方法也會像單擊重置按鈕一樣觸發 reset 事件。
var form1 = document.getElementById("form1");
form1.reset();
在 HTML 中，提交表單的方式有以下 3 種：
以上面這 3 種方式提交表單時，瀏覽器會在將請求發送給服務器之前觸發 submit 事件，這樣，我們就可以利用這個事件對表單進行驗證，并據以決定是否提交表單。
注意：submit 事件只能在 form 元素上觸發，不能在提交按鈕上觸發！
Note that submit is fired only on the form element, not the button or submit input.
我們也可以通過 JavaScript 的 submit() 方法來提交表單，但是不會觸發 submit 事件。因此注意在使用此方法之前先驗證表單。
var form1 = document.getElementById("form1");
form1.submit();
See the Pen submit or reset event for form by percy (@percy507) on CodePen.
防止重復提交表單
在有提交按鈕的表單中，我們防止表單重復提交的方法有 2 種：1. 利用 submit 事件來禁用表單提交按鈕，2. 利用 onsubmit 事件處理程序取消后續的表單提交操作
表單控件共有的屬性和方法除了