انتقل إلى محتوى الدرس

HTML form input required attribute خاصية required مع عنصر input في HTML form

سوف تتعرف في هذا الدرس على بعض الخصائص التي تُضاف إلى عنصر input مع HTML form، ووظيفة كل خاصية وسبب استخدامها.

1 صفوف تعليمية
لغة HTML
7,316 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تُستخدم خاصية required attribute لتحديد input  الحقول الإجبارية التي يُطلب من المستخدم تعبئتها قبل السماح بإرسال النموذج عند تشغيل التحقق المعتاد.

  • تعمل خاصية required attribute مع الحقول من النوع: text, search, url, tel, email, password, date pickers, number, checkbox, radio, and file.

الإرسال في هذه المعاينة تجربة محلية؛ لا تُرسل البيانات إلى خادم.

جرّب بنفسك

HTML form input required attribute

استخدام خاصية required لإظهار رسالة تخبر المستخدم أن ملء الحقل إجباري، عند محاولة الإرسال؛ يمكن النقر على الزر لكن التحقق يمنع الإرسال إذا بقي الحقل المطلوب فارغًا.

HTML
<form>
  <label for="username">Username:</label><br>
  <input type="text" id="username" name="username" required><br><br>
  <input type="submit" value="Submit">
</form>