Web HMI 文字方塊示範

文字輸入方塊 input text 通常用在 表單，所以要放在 <form></form> 標籤中， 讓使用者填好資料並送出表單後， 才能夠順利將資料送到Backend處理。 那如果要顯示多行內容用 <textarea></textarea>

<input> 輸入元素是 HTML 表單元件裡最重要也最特別的元素， <input> 可以根據類型 type 屬性的設定，轉換成不同的輸入型態 ( 例如輸入框、下拉選單、日期選單、按鈕...等 )，與使用者互動並讓使用者輸入資料，這篇文章將會介紹 <input> 輸入元素的用法。

定義和用法 HTML <input> 標籤用於指定使用者可以輸入資料的輸入欄位。 <input> 元素是最重要的表單元素。 <input> 元素可以顯示 ...

文字輸入欄位 input type= text 是 的常用表單元素，顧名思義就是要讓網友填寫文字資料使用的欄位，例如網站會員註冊的會員名稱、電子郵件、會員帳號、地址、電話 ...

HTML textarea 標籤是用來建立一個多行的文字輸入欄位，相較於 <input type="text"> 的單行輸入欄位，textarea 可以允許網友輸入多行的文字，且具有 scrollbar 功能，在 HTML 中，可以透過 rows 與 cols 來規定 textarea 欄位的高度與寬度。

<input> 標籤可以說是 表單 <form> 裡面最重要的標籤了，<input> 可以用來建立非常多不同用途的表單控制元件 (form control)，主要是使用 <input> 上的 type 屬性來指明不同的用途功能，功能上例如可以用來做表單文字輸入欄位、表單核取方塊、表單送出按鈕等。

有時候我們將會用到將多行文字方塊中輸入的內容以html格式顯示出來，這樣子可以保持原來的文字格式，如換行、回車等。