如何使用 CSS3 限制输入文本长度？

使用 HTML，你可以轻松地限制输入长度。然而，使用 CSS3 则无法限制输入字符数，因为 CSS 无法用于限制输入字符数。这将导致功能限制。

CSS 处理呈现，即网页的外观。这是通过 HTML 属性 malength 完成的，因为它用于行为。

让我们看看如何在 HTML 中实现它 −

示例

你可以尝试运行以下代码来限制输入文本长度

实时演示

<!DOCTYPE html>
<html>
   <head>
      <title>HTML maxlength attribute</title>
   </head>
   <body>
      <form action="">
         Student Name<br><input type="text" name="name" maxlength="20"><br><br>
         <input type="submit" value="Submit">
      </form>
   </body>
</html>

更新于：25-Feb-2020

965 浏览

开启你的职业生涯

通过完成课程获得认证

开始
广告
© . All rights reserved.