HTMLのpattern属性は、フォームのinputタグ内で使用され、ユーザーが入力できる値の形式を正規表現を使用して指定します。
ユーザー名が5〜12文字のアルファベット小文字であることを要求する場合：
<input type="text" pattern="[a-z]{5,12}" title="5 to 12 lowercase letters">
電話番号の形式を要求する場合：
<input type="tel" pattern="(\+?\d[- .]*){7,13}" title="A valid phone number">
title属性は、パターンに一致しない値が入力されたときに表示されるメッセージを指定します。