Thuộc tính mẫu trong HTML được sử dụng để đặt một biểu thức chính quy trong các loại đầu vào sau:văn bản, url, số điện thoại, tìm kiếm, ngày tháng, email và mật khẩu. Đối với mật khẩu, với thuộc tính mẫu, bạn có thể đặt các giá trị bắt buộc tối thiểu. Ví dụ:mật khẩu phải có ít nhất 8 ký tự.
Ví dụ
Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách sử dụng thuộc tính mẫu trong HTML. Ở đây, chúng tôi đã đặt mẫu cho 8 ký tự trở lên trong mật khẩu. Nếu người dùng thêm ít hơn số đó, thì bằng cách nhấp vào nút Gửi, một lỗi sẽ xuất hiện, tức là “Vui lòng khớp với định dạng được yêu cầu:Tám ký tự trở lên”.
<!DOCTYPE html>
<html>
<body>
<h2>Register</h2>
<form action="/new.php">
Student UserName<br><input type = "text" name = "name"/><br>
Password<br><input type = "password" name = "password" pattern = ".{8,}"
title="Eight or more characters"><br><br>
<input type = "submit" value = "Submit">
</form>
</body>
</html>