نکته : هر موقع که خواستیم بیایم و در داخل سودو المنت هامون مثل Before  و  After  از آیکون‌ها استفاده کنیم جدا از این که در داخل content اون میایم و unicode  امون رو می‌نویسیم باید  با استفاده از font Family نوع اون رو هم مشخص کنیم مثلا FontAwesome رو بنویسیم 

در زمینه‌های اعتبار  سنجی‌ها ما از تگ‌های فرم استفاده میکنیم و تگ‌های input امون در داخل اون قرار میدهیم

استفاده از autoComplete به صورت Off  که به کاربرمون پیشنهاد‌های الکی ندهد که بهتر هستش در تگ فرم امون قرار دهیم 

 required که کاربر رو ملزم به این می‌کند که فرم اعتبار سنجی ما رو به صورت کامل بیاد و پر بکند همچنین با استفاده از مشخص کردن type می‌تونیم بیایم و اعتبار سنجی هامون رو دقیق‌تر کنیمبدون استفاده از ری جکس مثل استفاده از نوع‌های email و password و url و tel

با استفاده از minlength  و maxLength می‌تونیم بیایم و بیشترین و کمترین مقدار‌های متن امون رو مشخص کنیم برای اینپوت هامون

با استفاده از pattern  میتونیم بیایم و از Regex استفاده بکنیم 

با استفاده از  دو تا پراپرتی valid و invalid می‌توینم بیایم و روی تگ‌های اینپوت امون کنترل بیشتری داشته باشیم و هرکدوم که درست بود یا پر شد یک سری تغیرات بهش بدیم

حال برای فارسی کردن اون پیام هشدار required  باید از یک ویژگی با نام oninvalid استفاده کنیم که در آن می‌توانیم از توابع جاوااسکریپت استفاده کنیم

oninvaid="this.setCustomValidity(" پیام ما" ) "

همچنین می‌توانیم یک باکس هم برای اون بیایم و درست کنیم و قرارش بدهیم

نکته : ما در هنگام استفاده از display  :  flex اگر به این مشکل خوردیم که عناصر مون به صورت column بودن می‌تونیم با تغیر دادن مقدار   display  : inline - flex  عناصرمون رو به صورت  row در یباریم