HTML 什麼是form control

HTML規格文件中，在Forms表單章節常看到form control（表單控制）這個詞，其意思如下。

Form control的意思是指<form>表單內的那些使用者介面元素，像是文字輸入欄位，密碼輸入欄位，日期輸入欄位，下拉選單，複選框，提交按鈕等；換句話說，<form>表單中那些可讓使用者輸入資料並提交給後端伺服器的元素通稱為form control。

常用的form control元素包含以下：

• <input>：輸入元素
• <select>：選單元素
• <textarea>：多行文字輸入元素
• <button>：按鈕元素

form control元素通常是放在<form>...</form>之間形成一個讓使用者可以輸入資料的表單元件。

下面是一個簡單的表單範例。

<form>
    <label>
        姓名<input type="text"> <!-- form control -->
    </label>
    <label>
        密碼<input type="password"> <!-- form control -->
    </label>
    <input type="submit"> <!-- form control -->
</form>

姓名 密碼

上面即為一個表單，最外層為<form>...</form>，中間有三個form control，分別是姓名輸入欄位，密碼輸入欄位及提交按鈕。

參考：

• HTML <input> 輸入元素 Input element 簡介
• HTML <select> 選單元素