如何使用 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 次瀏覽

開啟你的 職業生涯

完成課程,獲得認證

開始
廣告
© . All rights reserved.