如何在 HTML 中新增元素允許的最大字元數？

在 HTML 中，使用者輸入是透過 <input> 標籤獲取的。min 和 max 屬性用於限制輸入欄位，它們分別指示輸入欄位的最大值和最小值。使用 maxlength 屬性來限制字元數。

語法

<input maxlength="number">

以下是示例…

示例

在以下示例中，我們使用 maxlength 屬性與輸入型別一起使用，以允許最大數量的元素。

<!DOCTYPE html>
<html>
style>
   body {
      text-align: center;
   }
</style>
<body>
   <form>
      UserId:
      <input type="text" name="username"
      maxlength="9"><br><br>
      Password:
      <input type="password" name="password"
      maxlength="4"><br><br>
      <input type="submit" value="Submit">
   </form>
</body>
</html>

輸出

執行上述指令碼後，網頁將顯示用於使用者 ID 和密碼的輸入型別，它們都設定了最大長度以限制輸入元素，以及一個提交按鈕。

示例

在這個例子中，讓我們看看錶單內容，其中輸入具有最大輸入字元數；

<!DOCTYPE html>
<html>
<body>
   <form action = "">
      Rank:
      <input type = "number" name = "rank" min = "1" max = "10"><br>
      Cricketer:
      <input type = "text" name = "cricketer" maxlength = "20"><br>
      <input type = "submit" value = ”Submit”>
   </form>
</body>
</html>

輸出

執行上述指令碼後，網頁將顯示用於排名 ID 和板球運動員的輸入型別，它們都設定了最大長度以限制輸入元素，以及一個提交按鈕。

更新於： 2022-09-06

239 次檢視

啟動您的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.