یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دورهها
استفاده از تخفیفهاسلام
@amyrhsnwdpwr
نمونه مشابه :
https://www.the-art-of-web.com/html/html5-form-validation/
با کمک جاوا اسکریپت و ...CSS و اینا هم میتونید شخصی سازی بیشتر کنید
@amyrhsnwdpwr سلام اگر از html5 استفاده میکنید required اضافه کنید بهش . یه اعتبار سنجی نسبی خودش داره.
@amyrhsnwdpwr
به صورت css خام
<lable for='test'>تست لیبل <span style='color:red'>*</span></lable>
به صورت bootstrap
<lable for='test'>تست لیبل <span class='text-danger'>*</span></lable>
اینم فیلدت میشه که اجباریه
<input type="text" id="test" required name="test">
سلام!شما می تونید با استفاده از required مطمئمن بشید که کاربر حتما input رو پر کرده، برای اون ستاره هم میتونید از اسپم در لیبل استفاده کنید.کد هاش در زیر قرار داره:
<label for="password" class="log--in--lable">رمزعبور : <span style="color: red;">*</span></label>
<input type="password" class="log--in--input" id="password" required>
در همین سایت در اموزش سی اس اس اموزشی بر این موضوع داده شده(https://roocket.ir/series/learn-css/episode/64).
همچنین شما میتونید با استایل دادن کارتون رو بهتر کنید.برای اینکه اون ستاره پویا باشه و وقتی فیلد پر شد از بین بره باید از js استفاده کنید.
البته بهترین راه برای اعتبارسنجی در فرم ها js است.
input:required,
textarea:required {
border-color: red !important;
}
input:required + label {
color: red;
}
میتونید استایل مورد نظر خودتونو اضافه کنید.
تو این مثال هر input و textarea که required داشته باشه قرمز میشه
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟