在 HTML 中，我們可以藉助各種元素建立表單來接受和儲存使用者輸入的資訊。這些元素也稱為表單元素，例如：文字欄位（文字方塊）、單選按鈕、核取方塊、下拉方塊或組合方塊、重設和提交按鈕。

TextArea 是可以在表單中建立的元素之一。文字區域用作多行控件，使用者可以在其中在多行和多列中輸入資料。

TextArea 控制項用於輸入備註、建議、地址資訊、電子郵件正文、評論等，其中文字大小比普通文字欄位大，因為文字欄位是單行輸入控制項，需要一行資料。

範例

讓我們了解建立預設寬度和高度的文字區域的基本 HTML 程式碼。

   
  
Feedback Form..
 
 Enter your feedback here:   
  

範例

要設定您自己選擇的文字區域的寬度和高度，您可以指定所需的行數和列數。為此，我們可以利用標記的 rows 和 cols 屬性。以下是下面顯示的程式碼以及輸出。 </p>

   
  
Feedback Form..
 
 
 
 
 Enter your feedback: 
 
 Type your valueable feedback here:  
 
 
 
  

當文字區域中輸入的資訊超過其高度時，垂直滾動條將自動啟動。

注意- 預設情況下，我們可以在文字區域中輸入最多 5,24,288 個字元的資料。

在某些情況下，需要對可以在文字區域中鍵入的字元大小進行限制。因此，在這種情況下，我們可以使用maxlength屬性來控製文字區域中輸入的字元數。

範例

假設，在一個人輸入他或她的經驗、文章或演講的網站中，字元數必須有一定的限制。因此，網頁設計者可以使用maxlength屬性來限制在文字區域中鍵入的字元的限制。讓我們透過一個例子來理解 -

  
 Enter your feedback (150 words):   
  

在此程式中，字元數限制僅設定為 150 個字符，這表示它將停止輸入，因為我們不允許輸入超過「150」個字元。

我們上面已經討論了cols 屬性可以指定文字區域的寬度，這意味著我們可以輸入最大列數，但是如果我們使用cols和maxlength屬性一起放在標籤中，那麼cols 屬性將僅設定文字區域的寬度，並且無法對字元數進行任何限制，而maxlength 屬性將被施加並設定限制。 < /p>

範例

您可以嘗試此程式碼 -

  
 Enter your feedback (150 words):   
  

此屬性對於在文字區域中限制資料大小非常有用，並且所有瀏覽器都支援。

以上是如何限制在HTML表單中的文字區域中輸入的字元數量？的詳細內容。更多資訊請關注PHP中文網其他相關文章！