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

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

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

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

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

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

تُستخدم خاصية readonly لتجعل input الحقل مقروء فقط ولا يتمكّن المستخدم من التعديل عليه.

  • لا يمكن للمستخدم تعديل قيمة الحقل الذي يحمل readonly.
  • يمكن أن نستخدم زر tab للتنقل بين other inputs بقية الحقول.
  • يمكن تحديد قيمة الحقل الذي يحمل readonly.
  • يمكن نسخ قيمة الحقل الذي يحمل readonly.

Form input readonly attribute

readonly سمة منطقية؛ وجودها يمنع تعديل الحقل بواسطة المستخدم، وكتابتها readonly="false" لا يلغيها. تبقى قيمة الحقل قابلة للإرسال عند وجود 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" readonly><br>
  </form>