Computer >> Máy Tính >  >> Lập trình >> HTML

Thuộc tính maxlength HTML

Thuộc tính HTML maxlength xác định số ký tự tối đa được phép trong phần tử HTML đầu vào trong tài liệu HTML.

Cú pháp

Sau đây là cú pháp -

<input maxlength=”text”>

Hãy để chúng tôi xem một ví dụ về Thuộc tính maxlength HTML -

Ví dụ

<!DOCTYPE html>
<html>
<style>
   body {
      color: #000;
      height: 100vh;
      background-color: #8BC6EC;
      background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
      text-align: center;
   }
   input {
      width: 300px;
      background: transparent;
      border: 2px solid #fff;
      outline: none;
      display: block;
      margin: 1rem auto;
      border-radius: 20px;
      padding: 8px 10px;
   }
   ::placeholder {
      color: #000;
   }
   .btn {
      background: #db133a;
      color: #fff;
      border: none;
      width: 320px;
   }
</style>
<body>
<h1>HTML maxlength Attribute Demo</h1>
<form action="">
<input type="text" placeholder='Enter your first name(only 8 characters)' maxlength="8">
<input type="submit" value="SUBMIT" class="btn">
</form>
</body>
</html>

Đầu ra

Thuộc tính maxlength HTML

Bây giờ, hãy thử nhập nhiều hơn 8 ký tự vào trường nhập liệu để quan sát cách hoạt động của thuộc tính maxlength -

Thuộc tính maxlength HTML