HTML input text 文字輸入欄位

HTML input text 文字輸入欄位用來讓網友輸入文字，與 input password 不同，input text 並不會將文字轉變為隱藏符號，而只是單純的顯示網友所輸入的內容，且僅能顯示單行文字，要顯示多行內容請使用 textarea 標籤。

HTML input text 文字輸入欄位範例

<form>
請輸入文字：<input type="text" name="欄位名稱">
</form>

呈現結果

請輸入文字：

由於 input text 通常用在 HTML Form 表單讓網友填資料，所以要放在 <form></form> 標籤中，這樣當網友填好資料並送出表單後，才能夠順利將資料送到後端的程式處理。範例中的 name 指的是這個欄位的名稱，可以自己設定，建議用英文字母編寫。

除此之外，可以使用 CSS 來將 input text 設計出更漂亮的風格，例如寬度、內距（padding）、邊框（border）、背景（background）甚至是文字的字型（font-family）等，如果想要做些互動特效，還可以加上 JavaScript 的事件，變化相當多。

延伸閱讀