11 ) صفت عمومی spellcheck :


🌟  برای اینکه بتوانیم متن ورودی کاربر را از لحاظ درست بودن لغوی و ساختار گرامری چک و اعتبار سنجی کنیم ، از صفت عمومی spellcheck استفاده می کنیم .


🌟  این صفت یه صورت خاص معمولا در فرم ها استفاده می شود . اما در همه ی المان ها قابل استفاده است . چون با استفاده از صفت عمومی contenteditable می شود ، هر محتوایی را editable کرد . زمانی که کاربر شروع کند به edit محتوا ، اعتبار سنجی نیز صورت می گیرد .


🌟  زبان html5 برای اعتبارسنجی فرم ها ، امکانات خوبی به خودش اضافه کرده است .


🌟  این صفت توسط همه ی مرورگرها پشتیبانی می شود .


🌟  ساختار این صفت عمومی به صورت زیر است :


<element spellcheck="value" >


🌟  این صفت قادر است دو مقدار بگیرد :


1 )  مقدار false : یعنی از لحاظ لغوی و گرامری ، چک و اعتبارسنجی نشود ( پیشفرض )


2 )  مقدار true : یعنی از لحاظ لغوی و گرامری ، چک و اعتبارسنجی بشود .


🌟 مثال عملی :


می خواهیم یک متنی که خاصیت contenteditable آن فعال است را زمانی که کاربر edit می کند ، از نظر لغوی چک شود . برای اینکار واضح است که باید صفت spellcheck المان را true کنیم .


1 ) نوت پد را باز کنید و قطعه کد زیر را در آن تایپ کنید و با نام دلخواه و در مکان دلخواه و پسوند html. ذخیره کنید .


<!DOCTYPE html>
<html>

<head></head>

<body>
<p contenteditable="true" spellcheck="true" >

hello world !

</p>

</body>

</html>


2 )  اکنون این فایل را با مرورگر باز کنید و شروع کنید به edit متن . کل متن رو پاک کنید و عبارت اشتباه helllo رو وارد کنید و space بزنید . مشاهده می کنید که یک خط رنگی زیر عبارت ظاهر شده و بیان می کند که این عبارت در لغت وجود ندارد .




برای دریافت مطالب در تلگرام خود ، عضو کانال تلگرامی html5 شوید.