HTML標簽textarea在大部分瀏覽器中只要指定行(rows)和列(cols)屬性,就可以規(guī)定 textarea 的尺寸,大小就不會改變,不過更好的辦法是使用 CSS 的 height 和 width 屬性,但是Chrome,Safari和FireFox渲染的效果不同,可以拖動右下角圖標改變大小。但是過分拖動大小會影響頁面布局,造成頁面樣式混亂。可以通過添加如下兩個樣式禁用拖動,固定大?。?/p>
1:徹底禁用拖動
resize: none;
2:只是固定大小,右下角的拖動圖標仍在
width: 200px;
height: 100px;
max-width: 200px;
max-height: 100px;
屬性
wrap 屬性
在文本輸入?yún)^(qū)內的文本行間,用 "%OD%OA" (回車/換行)進行分隔。
可以通過 <textarea> 標簽的 wrap 屬性設置文本輸入?yún)^(qū)內的換行模式。
通常情況下,當用戶在輸入文本區(qū)域中鍵入文本后,瀏覽器會將它們按照鍵入時的狀態(tài)發(fā)送給服務器。只有用戶按下 Enter 鍵的地方生成換行。
如果您希望啟動自動換行功能(word wrapping),請將 wrap 屬性設置為 virtual 或 physical。當用戶鍵入的一行文本長于文本區(qū)的寬度時,瀏覽器會自動將多余的文字挪到下一行,在文字中最近的那一點換行。
wrap="virtual" 將實現(xiàn)文本區(qū)內的自動換行,以改善對用戶的顯示,但在傳輸給服務器時,文本只在用戶按下 Enter 鍵的地方進行換行,其他地方?jīng)]有換行的效果。
wrap="physical" 將實現(xiàn)文本區(qū)內的自動換行,并以這種形式傳送給服務器,就像用戶真的那樣鍵入的。因為文本要以用戶在文本區(qū)內看到的效果傳輸給服務器,因為使用自動換行是非常有用的方法。
如果把 wrap 設置為 off,將得到默認的動作。
例子
以下面這個例子為例,將 60 個字符的文本輸入到一個 40 個字符寬的文本區(qū)域內:
word wrapping is a feature that makes life easier for users.
如果設置為 wrap="wrap",文本區(qū)會包含一行文本,用戶必須將光標移動到右邊才能看到全部文本,這時將把一行文本傳送給服務器。
如果設置為 wrap="virtual",文本區(qū)會包含兩行文本,并在單詞 "makes" 后面換行。但是只有一行文本被傳送到服務器:沒有嵌入新行字符。
如果設置為 wrap="physical",文本區(qū)會包含兩行文本,并在單詞 "makes" 后面換行,這時發(fā)送給服務器兩行文本,單詞 "makes" 后的新行字符將分隔這兩行文本。