جشنواره عیدانه راکت | عضویت ویژه راکت برای آخرین بار | افزایش قیمت‌ها از سال جدید | و ...

مشاهده اطلاعات بیشتر...
ثانیه
دقیقه
ساعت
روز
امیرحسن
3 سال پیش توسط امیرحسن مطرح شد
6 پاسخ

مشخص کردن اجباری بودن یک فیلد در Html

سلام من میخوام وقتی یک فیلد رو اجباری میکنم یه ستاره قرمز کنارش بیاد که مشخص بشه اجباریه لطفا راهنمایی کنید


ثبت پرسش جدید
Alimotreb
تخصص : کانفیگ سرور و برنامه نویس
@Alimotreb 3 سال پیش مطرح شد
0

سلام
@amyrhsnwdpwr

نمونه مشابه :

https://www.the-art-of-web.com/html/html5-form-validation/

با کمک جاوا اسکریپت و ...CSS و اینا هم میتونید شخصی سازی بیشتر کنید


محمدحسن فرهادی
تخصص : علاقه مند به کد نویسی
@farhadi 3 سال پیش مطرح شد
2

@amyrhsnwdpwr سلام اگر از html5 استفاده میکنید required اضافه کنید بهش . یه اعتبار سنجی نسبی خودش داره.


نوب
تخصص : کدنویس نوب :)
@yk5742g 3 سال پیش آپدیت شد
0

@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">

مبینا ستاری
تخصص : توسعه دهنده بک اند
@mobinasattari7 3 سال پیش مطرح شد
1

سلام باید required بدید خودش میگه این فیلد باید پر بشه


محمدرضا فلاحیان
تخصص : دانش اموز
@mohammadrf886 3 سال پیش مطرح شد
0

سلام!شما می تونید با استفاده از 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 است.


مهران مرندی
تخصص : برنامه نویس
@mehranmarandi 3 سال پیش مطرح شد
1
input:required,
textarea:required {
  border-color: red !important;
}
input:required + label {
  color: red;
}

میتونید استایل مورد نظر خودتونو اضافه کنید.
تو این مثال هر input و textarea که required داشته باشه قرمز میشه


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

ورود یا ثبت‌نام