راکت

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

6 پاسخ

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

ثبت پرسش جدید

پاسخ‌ها

6
Alimotreb
Alimotreb
@Alimotreb

تخصص: کانفیگ سرور و برنامه نویس

سلام
@amyrhsnwdpwr

نمونه مشابه :

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

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

محمدحسن فرهادی
محمدحسن فرهادی
@farhadi

تخصص: علاقه مند به کد نویسی

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

شاید پاسخ شما همین‌جا باشد

نوب
نوب
@yk5742g

تخصص: کدنویس نوب :)

@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

تخصص: توسعه دهنده بک اند

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

محمدرضا فلاحیان
محمدرضا فلاحیان
@mohammadrf886

تخصص: دانش اموز

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

تخصص: برنامه نویس

input:required,
textarea:required {
  border-color: red !important;
}
input:required + label {
  color: red;
}

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

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

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