HTML input text 文字輸入欄位 - Wibibi

HTML input text 文字輸入欄位用來讓網友輸入文字，與input password 不同，input text 並不會將文字轉變為隱藏符號，而只是單純的顯示網友所輸入的內容，且僅能顯示單行 ... 首頁 HTML HTML5 PHP MySQL CSS CSS3 JavaScript 軟體介紹 其它 Home › HTML › HTMLinputtext文字輸入欄位 HTMLinputtext文字輸入欄位 HTMLinputtext文字輸入欄位用來讓網友輸入文字，與inputpassword不同，inputtext並不會將文字轉變為隱藏符號，而只是單純的顯示網友所輸入的內容，且僅能顯示單行文字，要顯示多行內容請使用textarea標籤。

HTMLinputtext文字輸入欄位範例

請輸入文字：

呈現結果請輸入文字：由於inputtext通常用在HTMLForm表單讓網友填資料，所以要放在

標籤中，這樣當網友填好資料並送出表單後，才能夠順利將資料送到後端的程式處理。

範例中的name指的是這個欄位的名稱，可以自己設定，建議用英文字母編寫。

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

延伸閱讀HTMLForm表單HTMLForminputpassword密碼欄位HTMLtextareaPHPform讀取表單資料傳遞 您可能會想看 HTMLdiv標籤 設計HTML圖片與圖片邊框間的距離 DIV區塊內文字與邊框的距離調整 HTMLTABLE表格內的文字行高 DIV區塊內的文字行高設計 替HTMLbutton按鈕增加背景圖片 HTMLimgtitle與imgalt的差別 用CSS設計HTML表格欄位內文字靠下對齊 用CSS設計HTML表格欄位內文字靠上對齊 HTMLTablecolspan屬性 今日熱門文章 MySQLSELECTWHEREdate等於上個月的條件判斷寫法 MySQLSELECTWHEREdate等於本月的條件判斷寫法 MySQLSELECTWHEREdate等於昨天的條件判斷寫法 PHPmysqli_set_charset函式設定字符編碼 PHP:mysqli_connect資料庫連線函式 MySQLSELECT判斷今天之前或某天之前的日期條件判斷寫法 MySQLSELECTWHEREdate等於今天的條件判斷寫法 HTMLdiv標籤 CSSAttributeSelectors屬性選擇器 替CSSspan區域增加陰影效果 即時熱門文章 MySQLSELECTWHEREdate等於上個月的條件判斷寫法 MySQLSELECTWHEREdate等於本月的條件判斷寫法 MySQLSELECTWHEREdate等於昨天的條件判斷寫法 PHPmysqli_set_charset函式設定字符編碼 PHP:mysqli_connect資料庫連線函式 MySQLSELECT判斷今天之前或某天之前的日期條件判斷寫法 MySQLSELECTWHEREdate等於今天的條件判斷寫法 HTMLdiv標籤 CSSAttributeSelectors屬性選擇器 替CSSspan區域增加陰影效果 ©Copyrightwibibi.com網頁設計教學百科基礎的網頁設計規劃、資料庫與程式設計Since2012