HTML - maxlength 屬性

HTML 的 **maxlength** 屬性用於定義使用者可以在輸入和文字區域欄位中輸入的最大字元數。

如果未指定 maxlength 值或指定了任何無效值，則輸入和文字區域沒有最大長度。maxlength 值必須大於或等於 minlength 屬性的值。

語法

<tag maxlength = "value">

應用於

以下列出的元素允許使用 HTML maxlength 屬性

元素	描述
<input>	HTML <input> 標籤用於接受使用者輸入的各種型別。
<textarea>	HTML <textarea> 標籤用於表示多行純文字編輯控制元件。

maxlength 屬性示例

以下示例將說明 HTML maxlength 屬性，以及我們應該在哪裡以及如何使用此屬性！

在輸入中設定 maxlength

在以下示例中，我們將使用帶有 input type=text 的 maxlength 屬性，將名稱輸入的最大長度設定為 10。

<!DOCTYPE html>
<html lang="en">
      
<head>
   <title>HTML 'maxlength' attribute</title>
</head>

<body>
   <form>
      <input type="text" 
             maxlength="10" 
             placeholder="Enter Name">
      <br><br>
      <button>Submit</button>
   </form>
</body>

</html>

在文字區域中設定 maxlength

考慮另一種情況，我們將使用帶有 textarea 元素的 maxlength 屬性，將文字區域中可接受字元的最大長度設定為 30。

<!DOCTYPE html>
<html lang="en">

<head>
   <title>HTML 'maxlength' attribute</title>
</head>

<body>
   <form> Write your feedback: <br>
      <textarea name="" 
                id="" 
                cols="30" 
                rows="5" 
                placeholder="Your feedback...." 
                maxlength="30">
      </textarea>
      <br>
      <button>Submit</button>
   </form>
</body>

</html>

支援的瀏覽器

屬性
maxlength	是 1.0	是 10.0	是 4.0	是 1.0	是 15.0

html_attributes_reference.htm

列印頁面