رفع مشکل Password forms should have username fields
اگر در حال توسعهی پروژهی خود هستید و در بخش فرانت پروژهی خود خطای زیر را در مرورگرهای گوگل کروم دریافت میکنید با این نوشته روش حل آن را به شما ارائه میدهیم.
رفع مشکل Password forms should have username fields
این مشکل زمانی رخ میدهد که فرم شما مقدار password داشته و در آن فیلد username وجود ندارد. این خطا در اصل متن زیر را دارد:
Chrome warning “[DOM] Password forms should have (optionally hidden) username fields for accessibility” in console even with hidden username field
برای رفع این خطا کافیست کد زیر را درون تگ form خود قرار دهید:
<input autocomplete="username" hidden type="text" name="username" value="your_useruser_name" />
نکته: در فرم بالا باید مقدار username یا نامکاربری کاربر را درون تگ بالا قرار دهید و مقدار value که در کد بالا your_useruser_name است را تغییر دهید.
اگر مشکل شما رفع نشد در بخش نظرات همین نوشته برای ما بنویسید.



















آیا این فیلد باعث میشه سایت از نظر امنیتی آسیبپذیر بشه؟
این فیلد برای بهبود دسترسیپذیری طراحی شده و به تنهایی باعث آسیبپذیری امنیتی نمیشود. استفاده صحیح از آن به امنیت کلی فرم شما کمک میکند.
این روش روی فایرفاکس و سافاری هم اثر داره یا فقط کروم حساسه؟
این روش برای رفع هشدار مرورگرهاست و معمولاً روی فایرفاکس و سافاری هم تأثیرگذار است، اما حساسیت اصلی مربوط به کروم است.
این مقدار value باید همیشه ثابت باشه یا میشه dynamic گذاشت؟
سلام. مقدار value میتواند داینامیک باشد و بر اساس نام کاربری که کاربر وارد میکند، تغییر کند.
اگه از فرم login با ajax استفاده کنیم هم همین کارو باید بکنیم؟
بله، اگر از فرم لاگین با ایجکس استفاده میکنید، همچنان باید این فیلد را برای رفع خطا اضافه کنید.
این hidden username واقعا لازم هست یا فقط برای رفع هشدار کرومه؟
این فیلد hidden در اصل برای رفع هشدار کروم و بهبود دسترسیپذیری فرمها اضافه میشود.