خاصية readonly لـ <input> في HTML

تسمية وصفة <input> في HTML

التعريف والاستخدام

readonly تحدد الخاصية حقل الإدخال كقابل للقراءة فقط.

readonly الخاصية هي خاصية بولية.

إذا تم تعيين هذه الخاصية، فإنها تحدد أن حقل الإدخال قابل للقراءة فقط.

حقل الإدخال القابل للقراءة غير قابل للتعديل (لكن يمكن للمستخدم استخدام مفتاح tab للتحديد إليه، وتحديد النص وتسجيل النص منه).

يمكن تعيين readonly الخصائص لمنع المستخدم من تعديل القيمة حتى تتحقق بعض الشروط الأخرى (مثل اختيار مربع الاختيار وما إلى ذلك). ثم يمكن للجافا سكربت حذف readonly القيمة، مما يجعل حقل الإدخال قابلاً للتعديل.

ملاحظة:سيتم تقديم الحقول الإدخالية القابلة للقراءة، ولكن لن يتم تقديم الحقول الإدخالية المحظورة!

مثال

تتضمن نموذج HTML يحتوي على حقل إدخال فقط قراءة:

<form action="/action_page.php">
  <label for="country">الدولة:</label>
  <input type="text" id="country" name="country" value="China" readonly><br><br>
  <input type="submit" value="إرسال">
</form>

جرب بنفسك

النحو

<input readonly>

دعم المتصفحات

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم

تسمية وصفة <input> في HTML