required در html 5

یکی از سختی هایی که در نسخه ی قبلی  HTML وجود داشت این بود که وقتی می خواستیم یه اطلاعاتی رو از کاربر بگیریم و اون کاربر نباید اون فیلد رو خالی باقی می گذاشت ، ما باید با استفاده از جاوا اسکریپت این مشکل رو بر طرف می کردیم و به کاربر پیغام می دادیم که این فیلد نباید خالی گذاشته شود ولی اگر کاربر با استفاده از تنظیمات مرورگر خود جاوا اسکریپت رو غیر فعال می کرد دیگر هیچ کنترلی روی آن فیلد نداشتیم (در سمت کلاینت ) .
ولی در HTML 5 امکانی اضافه شده است که می توان آن فیلدی که نباید خالی گذاشته شود را مشخص کرد و بسته به این که از چه مرورگری استفاده می کنید یه پیغام خطایی به شما داده می شود

برای مثال داریم :

// HTML
<form action="#" method="get">

    <label for="input"> Required:  </label>
    <input type="text" required/>
        <button type="submit"> Send </button>
</form>

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

jsfiddle

به زودی مطالب بیشتری درباره ی استفاده از صفت required  و نحوه ی ایجاد پترن یا الگو منتشر می شود