الخصائص readonly- disabled- autofocus- minlength- maxlength المستخدمة فى النموذج في لغة Html

 من الخصائص attribute الهامة التى تستخدم مع النموذج form

readonly

وهو يجعل الحقل للقراءة فقط  وتكثر الحاجة إليه فهناك بعض الحقول التى لا نرغب فى تعديلها مثل الحقل اسم المستخدم username وعند جعل هذا الحقل للقراءة فقط يمكن للمستخدم رؤيته ولا يمكن تعديله .

والحقل الذى له الخاصية readonly يتم إرسال بياناته عند الضغط على submit ولكن لا يمكن تعديلها.

الحقل الذي له الخاصية )readonly للقراءة فقط) لا يمكن تعديل محتوياته من قبل المستخدم 

disabled

الحقل الذي له الخاصية disabled (غير ممكن) لا يمكن تعديل محتوياته من قبل المستخدم ويتميز هذا الحقل بأن لونه يتحول للون الرمادي الباهت ولا يتم إرسال محتوياته من قبل المستخدم عند الضغط على المفتاح submit

نلاحظ أن لون الحقل تحول للون الرمادي الباهت لأن له الخاصية disabled

الخاصيتان minlength -maxlength

الخاصية Minlength وهى الحد الأدنى لعدد الرموز التي يتم إدخالها في هذا الحقل

الخاصية maxlength وهى الحد الأقصى لعدد الرموز التي يتم إدخالها في هذا الحقل

نلاحظ أنه لا يمكن إدخال عدد أقل من الرموز الموجودة في الخاصية minlength حيث تظهر رسالة تخبرنا بأن العدد الأدنى للرموز التي ينبغي إدخالها في هذا الحقل هو 8 رموز أو أكثر

autofocus

الخاصية autofocus وهى تعمل على نقل تركيز الماوس في هذا الحقل كأن المستخدم ضغط بالماوس على هذا الحقل.

نلاحظ أن حقل username له الخاصية autofocus وبالتالي نلاحظ أن مؤشر الماوس في هذا الحقل كأنك قمت بالضغط بالماوس على هذا الحقل.

.