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

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

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

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

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

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

تُستخدم خاصية disabled لتجعل input الحقل مُعطل أو غير فعال.

  • unusable لا يمكن للمستخدم تعديل الحقل المعطل.
  • un-clickable لا يستقبل الحقل المعطل التركيز أو التفاعل المعتاد.
  • untab يتجاوز Tab الحقول المعطلة ويستمر إلى الحقول الأخرى القابلة للتركيز.
  • unhighlight لا تعتمد على تحديد نص الحقل المعطل؛ يختلف ذلك حسب المتصفح.
  • copy إذا أردت قيمة يستطيع المستخدم التركيز عليها ونسخها مع منع تحريرها، فاستخدم readonly على نوع حقل يدعمه.

Form input disabled attribute

disabled سمة منطقية؛ وجودها يعطل الحقل، وحتى disabled="false" يبقيه معطلًا. لا تُرسل قيمة الحقل المعطل مع النموذج، خلافًا لحقل readonly الذي يحمل name.

HTML
<form>
  <label for="fname">First Name:</label><br>
  <input type="text" id="fname" name="fname" value="Ahmed" ><br>
  <label for="lname">Last Name:</label><br>
  <input type="text" id="lname" name="lname" value="Hamdy" disabled><br>
</form>