如何使用 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.