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

使用 HTML，你可以轻松限制输入长度。但是，使用 CSS3 是不可能的，因为 CSS 不能用来限制输入字符的数量。这将导致功能限制。

CSS 处理展示，即你的网页看起来是什么样。这是使用 HTML 属性`maxlength`来完成的，因为它用于行为。

我们来看看如何在 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>

更新日期：2020-02-25

967 次浏览

开启你的 职业生涯

完成课程，获得认证

开始
广告