Thuộc tính max của phần tử <input> được dùng để thiết lập giá trị tối đa cho <input>. Cả min và max đều được dùng để thiết lập một dải giá trị cho phần tử input với kiểu number, date, datetime, range, v.v. Thuộc tính này được giới thiệu trong HTML5.
Ví dụ
<!DOCTYPE html> <html> <body> <h2>Đăng nhập tài khoản</h2> <form action="" method="get"> ID − <input type="number" name="id" min="1" max="10"><br> Mật khẩu − <input type="password" name="pwd"><br> Ngày sinh − <input type="date" name="dob" autofocus><br> <button type="submit" value="Submit">Gửi</button> </form> </body> </html>
Kết quả
Trong ví dụ trên, chúng ta đã tạo một form với các trường và một nút bấm:
<form action="" method="get"> ID − <input type="number" name="id" min="1" max="10"><br> Mật khẩu − <input type="password" name="pwd"><br> Ngày sinh − <input type="date" name="dob" autofocus><br> <button type="submit" value="Submit">Gửi</button> </form>
Thuộc tính max được thiết lập cho ô nhập ID kiểu number. Giá trị max là 10, do đó người dùng không thể nhập giá trị lớn hơn 10:
ID − <input type="number" name="id" min="1" max="10">