html表單多行文本框-制作網站

作者：佚名   時間：2014-04-02   分享到：

制作網站：html表單多行文本框

多行文本框

表單方面的傳統類型和隱藏文本的類型限制用戶只能輸入一行字符。而<textarea>表單標簽則將用戶從這種限制中解放了出來。

 <textarea>標簽作為表單的一部分，<textarea>標簽可在用戶瀏覽器的顯示中創建一個多行文本輸入區域。在此文本輸人區內，用戶幾乎可以輸人無限行的文字。提交表單之后，瀏覽器將把所有行中的文字都收集起來，而且行間用“OD%OA"(回車/換行)分隔，并將它們作為表單元素的值發送給服務器，這個值使用的是必需的name屬性中指定的名稱。

在<textarea>標簽及其結束標簽(</textarea>)之間可以包括純文本。默認文本必須是純文本，也就是說沒有標簽或其他特殊元素。用戶可以修改其中的內容，如果用戶按下表單中的重置按鈕，瀏覽器會使用改過的文本作為默認值。因此，文本內容常用作說明和舉例!

rows和COTS屬性

多行文本輸入框在屏幕上是獨立存在的:文本主體內容可以在它的上面和下面顯示，但是不會環繞它顯示。然而，通過定義可視矩形區域的cols和rows屬性便可以控制其維數，這個矩形區域是瀏覽器專門用來顯示多行輸入的區域。我們建議讀者一定要設置這些屬性。通常瀏覽器都有一個習慣，就是為<}extarea>輸人內容設置一個最小的、也就是最少的可讀區域，而且用戶無法更改它的大小。這兩個屬性都需要用整數值來表示以字符為單位的維數大小。瀏覽器會自動翻滾那些超出設定維數的文本。

通常情況下，當用戶在輸入文本區域中鍵入文本后，瀏覽器會將它們按照鍵入時的狀態發送給服務器，只在用戶按下Enter鍵的地方生成換行‘但是用戶通常并不希望這樣做，因此，可以在文本輸人區內啟動自動換行(word wrapping)功能。當用戶鍵入的一行文字長干文本區的寬度時，瀏覽器會自動將多余的文字挪到下一行，在文字中最近的那一點換行。

如果將zrap屬性設為virtual，文字將在文本框內實行換行，以便顯示給用戶，但在傳輸給服務器時，文字只在用戶按了Enter鍵的地方進行了換行，其他地方則沒有換行的效果。

如果將wrap屬性設為physical，文本將在文本輸入區內實行換行，并以這種形式傳送給服務器，就像用戶真得是那樣鍵人的。因為文本要以用戶在文本區內看到的方式傳輸給服務器，因此使用自動換行是非常有用的方法。

為了得到默認的動作，要將wrap屬性設為off

請考慮下面這個示例，將60個字符的文本輸入到一個40個字符寬的文本區域內:

Word wrappping is a feature that makes life easier for users.

如果設置為wrap=off，文本區會包括一行，用戶必須將光標移動到右邊才能看到全部文本。這時將把一行文本傳送給服務器。

如果設置為wrap=virtual，文本區會包含兩行文本，并在單詞“makes”后面換行。但是只有一行文本被傳送給服務器:沒有嵌入新行字符的一整行。

如果設置為wrap=physical，文本區會包含兩行文本，并在單詞“makes”后面換行。這時會發送給服務器兩行文本，單詞“makes”后的新行字符將分隔開這兩行文本。