如何在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年9月6日

239 次瀏覽

啟動你的職業生涯

完成課程獲得認證

開始學習
廣告