首頁 > web前端 > html教學 > 如何限制在HTML表單中的文字區域中輸入的字元數量?

如何限制在HTML表單中的文字區域中輸入的字元數量?

王林
發布: 2023-08-30 11:17:02
轉載
2082 人瀏覽過

如何限制在HTML表單中的文字區域中輸入的字元數量?

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

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

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

範例

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

<html>
<head><title>Feedback Form..</title>
   <style>
      h1{font-family:Algerian;font-size:20;color:blue;text-align:center}
   </style>
</head>
<body>
   <h1>Feedback Form..</h1>
   <form id="feedback_form">
      <label for="label1">Enter your feedback here:</label>
      <textarea id="t1"> </textarea>
   </form>
</body>
</html>
登入後複製

範例

要設定您自己選擇的文字區域的寬度和高度,您可以指定所需的行數和列數。為此,我們可以利用