แอตทริบิวต์รูปแบบใน HTML ใช้เพื่อตั้งค่านิพจน์ทั่วไปในประเภทอินพุตต่อไปนี้:text, url, tel, search, date, email และ password สำหรับรหัสผ่าน ด้วยแอตทริบิวต์รูปแบบ คุณสามารถตั้งค่าขั้นต่ำที่ต้องการได้ ตัวอย่างเช่น รหัสผ่านควรมีอักขระอย่างน้อย 8 ตัว
ตัวอย่าง
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีใช้แอตทริบิวต์รูปแบบใน HTML ที่นี่เราได้กำหนดรูปแบบสำหรับ 8 ตัวขึ้นไปในรหัสผ่าน หากผู้ใช้จะเพิ่มน้อยกว่านั้น เมื่อคลิกปุ่มส่ง จะเกิดข้อผิดพลาดขึ้น เช่น “โปรดจับคู่รูปแบบที่ร้องขอ:อักขระแปดตัวขึ้นไป”
<!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> 