پارس‌کدرز چگونه کار می‌کند؟

از پارس‌کدرز بیشترین بهره را ببرید و رویای کاری خود را زندگی کنید.

پارس‌کدرز خریداران یا کارفرمایان را به مجری‌ها /فریلنسرهای خبره‌ای متصل می‌کند که برای انجام پروژه آماده هستند.

لیبل شناور برای input مانند کد قرار داده شده

سه سال پیش منتشر شده

تعداد بازدید: 459

کد پروژه: 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روز

وضعیت مناقصه

انجام شده


درباره کارفرما

عضویت شش سال پیش

70 پروژه ثبت شده ،
0 پروژه در حال انجام ،
0 پروژه آماده دریافت پیشنهاد ،
نرخ پذیرش پیشنهاد 61%

برای پیدا کردن پروژه‌های مشابه ثبت نام کنید و پروفایل خود را بسازید.

ورود با گوگل
یا
نام نباید خالی باشد.
نام خانوادگی نباید خالی باشد.

نیاز به استخدام فریلنسر یا سفارش پروژه مشابه دارید؟

سفارش پروژه مشابه

قادر به انجام این پروژه هستید؟

ثبت نام کنید

مهلت ارسال پیشنهاد قیمت برای این پروژه تمام شده است

سری به پروژه‌های مشابه بزنید

روش کار در پارس‌کدرز

به رایگان یک حساب کاربری بسازید

مهارت‌ها و تخصص‌های خود را ثبت کنید، رزومه و نمونه‌کارهای خود را نشان دهید و سوابق کاری خود را شرح دهید.

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

برای پروژه‌های دلخواه در زمان دلخواه پیشنهاد قیمت خود را ثبت کنید و به فرصت‌های شغلی منحصر به فرد دسترسی پیدا کنید.

با اطمینان دستمزد دریافت کنید

از زمان شروع کار تا انتهای کار به امنیت مالی شما کمک خواهیم کرد. وجه پروژه را از ابتدای کار به امانت در سایت نگه خواهیم داشت تا تضمین شودکه بعد از تحویل کار دستمزد شما پرداخت خواهد شد.

می‌خواهید شروع به کار کنید؟

یک حساب کاربری بسازید


بهترین مشاغل فریلنسری را پیدا کنید
رشد شغلی شما به راحتی ایجاد یک حساب کاربری رایگان و یافتن کار (پروژه) متناسب با مهارت‌های شما است.

پیدا کردن کار (پروژه)

تماشای دمو روش کار