لیبل شناور برای input مانند کد قرار داده شده
سه سال پیش منتشر شده
تعداد بازدید: 460
کد پروژه: 244338
شرح پروژه
سلام
من از روی یک سایت یه سری input دیدم که خیلی قشنگ بود label هاش و خواستم اجرا کنم
سایتی که دیدم اینه
https://materializecss.com/text-inputs.html
ورودی های Last Name, Password, Email رو تست کنید با یک انیمیشن خاصی میره بالا
من این رو از یو-توب پیدا کردم مثلش رو و انجام دادم اما یه مشکلی داره
همه چیز اوکی هست بالا میره لیبل اما وقتی داخلش متن میزارم تشخیص نمیده توش پره و بر میگرده پایین روی متنی که نوشته شده
اگر قند شکن ندارید از لینک زیر استفاده کنید
https://www.dideo.ir/v/yt/v8mRUU3orjI/input-animations-with-html-and-css-%7C-input-label
اگر هم دارید لینک زیر
https://www.youtube.com/watch?v=v8mRUU3orjI
ویدیو با scss کد میزنه من css رو قرار دادم فایلی که انجام دادم با فایل style که توی پروژه ی من افزوده شده
مشکل کار نکردن :placeholder-shown توی کد من هست یعنی تشخیص نمیده فیلد من پره و عملی که باید انجام نمیشه
دقیقا کدی که در زیر قرار میدم
.float-label:not(:placeholder-shown) .input-with-float-label:not(:focus) ~ .float-label
اگر میتونید مشکلش رو بر طرف کنید و پیاده سازیش کنید اطلاع بدید.
این پروژه شامل 1 فایل مهم است، لطفا قبل از ارسال پیشنهاد حتما نسبت به بررسی این فایل اقدام فرمایید.
مهارت ها و تخصص های مورد نیاز
بودجه
5,000 تومان تا 100,000 تومان
مهلت برای انجام
2روز
وضعیت مناقصه
انجام شده
درباره کارفرما
عضویت شش سال پیش
