#HTML #CSS 動態顯示表單欄位標題

與文字相關的其他資訊（包括例如文字的結構和連結等）與原來的文字結合在一起，但是使用標記（markup）進行標識。 From WIKI

除了支援「全域屬性」以及「可見元素的事件屬性」( 參考「HTML 元素屬性」)，也會使用下方的專門屬性： 例如下方的 HTML 開啟後，可以透過屬性設定讓兩個 呈現不同的樣貌。 在「steam.oxxostudio.tw」查看更多資訊 預設可以使用滑鼠，透過拖拉的方式進行「尺寸」的縮放調整 ( 右下角會出現滑鼠可以拖拉的小圖案 )，如果要禁止滑鼠縮放尺寸，可以修改將 CSS style 裡的 resize 設為 none，就能禁止滑鼠縮放調整尺寸。 在「steam.oxxostudio.tw」查看更

The <form> 元素是一個包含不同型別輸入元素的容器，例如：文字欄位、複選框、單選按鈕、提交按鈕等。 本章涵蓋了所有不同的表單元素： HTML 表單元素。

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

兩個 textarea 都放在 HTML 的表單標籤中，因為 textarea 也是 HTML 表單的標準元素之一，所有主流的瀏覽器都支援多行文字欄位的功能，若您想更進一部的認識 HTML 表單設計的技巧與規則，請參閱《HTML Form 表單設計》的詳細介紹。

HTML <textarea> 表單多行文字輸入欄位 <textarea> 可以用來在 表單 (form) 中，建立一個可以輸入多行文字的輸入框 (multi-line textbox)。

當網友填寫完資料並送出表單後，後端的程式，如 PHP 就可以根據 textarea 欄位的 name 來判斷網友所填寫的資料內容，另外，我們可以透過 css 來設計 textarea 的寬度與高度，這個小技巧經常使用，所以這裡也稍微分享一下給各位參考。