الحقل النصي Text Field

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

وتستخدم الخاصية value لتكون قيمتها عبارة عن النص الذي يقوم زائر الموقع بإدخاله في الحق النصي، وأي كانت القيمة التي يقوم زائر الموقع بإدخالها في الحقل النصي تتعامل معها جافا سكريبت على أنها قيمة نصية، وحتى لو قمت بإجراء عمليات حسابية على القيم التي يقوم زائر الموقع بإدخالها في الحقول النصية فإن جافا سكريبت لا تفهم من ذلك أيضاً أن هذه القيم عددية، وإنما تتعامل معها على أنها قيم نصية، فعلى سبيل المثال لو قام أحد زوار الموقع بإدخال القيمة النصية 1 في الحقل النصي، وحاول جمع هذه القيمة مع قيمة أخرى نصية هي العدد 1 أيضاً فإن ناتج الجمع سيكون 11 وليس 2 لأن جافا سكريبت تعاملت مع القيمة على أنها قيمة نصية وليست قيمة عددية، وبالتالي أجرت عليها عملية الجمع الخاصة بالقيم النصية والتي لا تخرج عن وضع القيم النصية إلى جانب بعضها البعض، أما إذا قمت بطرح القيم النصية من بعضها البعض، فعلى سبيل المثال قمت بطرح القيمة 1-1 ففي هذه الحالة ستتعامل معها جافا سكريبت على أنها قيمة عددية وتقوم بتحويل القيمة النصية إلى قيمة عددية بشكل تلقائي وتكون النتيجة هي 1-1=0.

وبالإضافة إلى الأحداث التي يمكن التعامل بها مع الأزرار والتي تحدثنا عنها من قبل، مثل حدث onclick، وحدث onmouseup توجد أحداث إضافية يمكن التعامل معها مع الحقول النصية، مثل حدث onselect، وonkeydown، وonkeypressو onkeyup، وonfocus، وonblur.