如何在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 次浏览

启动你的职业生涯

完成课程获得认证

开始学习
广告
© . All rights reserved.