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

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

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

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

延伸閱讀
© Copyright webtech.tw Since 2010