HTML 表單文字輸入欄位 input type= text

文字輸入欄位 input type= text 是 HTML Form 的常用表單元素，顧名思義就是要讓網友填寫文字資料使用的欄位，例如網站會員註冊的會員名稱、電子郵件、會員帳號、地址、電話 ... 等，通常都是採用 input type= text 來設計，與 text 文字輸入欄位類似的是密碼輸入欄位，差別是密碼輸入欄位會自動隱藏網友所打的文字，在螢幕上是看不到內容的，但後端的 PHP 程式依然可以接收。

文字輸入欄位 input type= text 基本語法

基本來說單行的表單文字輸入欄位，語法就僅有這幾個重要的參數，首先是 input="text" 是最重要的，name 是給這個欄位一個名稱，value 是給這個欄位一個值，通常若是要給網友輸入資料的欄位，value 可以不用寫。

文字輸入欄位 input type= text 範例

姓名：<input type="text" name="UserName">

呈現結果

姓名：

此為最基本的 input type="text" 的呈現結果，各瀏覽器呈現的樣貌可能會有些許差異，但不影響其功能，將這個欄位放在 HTML 表單內，當網友填寫完資料並送出表單後，伺服器端的 PHP 程式就可以接收 name=UserName 的欄位值，也就是網友所填寫的姓名資料。

延伸閱讀