pattern در html 5

در پست قبلی به نحوه ی استفاده از صفت Required اشاره شد ، حالا فرض کنید ما بخواهید یه نام کاربری از کاربر بگیریم که این نام حداقل 4 و حداکثر 9 حرف تشکیل شده باشه .
در نسخه های قبلی  HTML  باید از جاوا اسکریپت یا کتابخانه های آن استفاده می کردیم ولی در نسخه ی جدید HTML یعنی HTML 5  شما کافیست بعد از صفت  Required ، از صفت  Pattern  استفاده کنید و مقدار آن را الگویی که می خواهید اعمال شود، وارد کنید
این الگو نویسی بر مبنای Regex انجام می شود در آینده ی نزدیک نحوه ی استفاده از این زبان الگوی نویسی قدرتمند به صورت مفصل بیان می شود
برای مثال داریم :

 // HTML 
<form action="#" method="get">
    <label for="input">Required:</label>
    <input type="text" required pattern="\w{4,9}" />
    <button type="submit">Send</button>
</form>

در ضمن شما می توانید بدین صورت از صفت Required هم استفاده کنید :

<input type="text" required="true" pattern="\w{4,9}" />

برای دیدن این مثال به صورت زنده به لینک زیر مراجعه کنید :

jsfiddle