HTML 表單文字輸入欄位input type= text - 網頁設計教學站

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

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

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

延伸閱讀密碼輸入欄位inputtype=password表單文字輸入欄位textareaHTML表單隱藏欄位inputtype=hiddenHTMLForm表單設計 您可能會想看 HTMLspan標籤用法 如何修改HTMLDIV區塊內的文字字型 如何替HTMLDIV增加背景顏色 HTMLDIV標籤用法 設計具有超連結效果的HTMLolli自動排序項目清單 設計具有超連結效果的HTMLulli項目清單 HTMLolli列表(數字編號項目清單) HTMLulli列表(項目清單) HTMLtextarea表單多行文字輸入欄位背景圖片設計 HTMLtextarea表單多行文字輸入欄位背景顏色設計 即時熱門文章 如何替HTMLDIV區塊增加邊框效果 如何在HTMLDIV區塊內插入圖片 如何修改HTMLDIV區塊內的文字顏色 HTMLspan標籤用法 如何修改HTMLDIV區塊內的文字字型 如何替HTMLDIV增加背景顏色 HTMLDIV標籤用法 PHPstripslashes函數 PHPstrip_tags函數消除PHP或HTML標籤符號 PHPaddslashes函數替字符增加斜線 今日熱門文章 如何替HTMLDIV區塊增加邊框效果 如何在HTMLDIV區塊內插入圖片 如何修改HTMLDIV區塊內的文字顏色 HTMLspan標籤用法 如何修改HTMLDIV區塊內的文字字型 如何替HTMLDIV增加背景顏色 HTMLDIV標籤用法 PHPstripslashes函數 PHPstrip_tags函數消除PHP或HTML標籤符號 PHPaddslashes函數替字符增加斜線 ©Copyrightwebtech.twSince2010