ما فائدة الـvalues في حقول الإدخال الـinputs في جافاسكريبت

ما هي الخاصية value ؟

في لغة HTML لكل عنصر خصائص يمكنك تعيينها،
العنصر input هو عنصر لادخال البيانات لديه الخاصية value وهي تعبر عن القيمة البيانات التي يمثلها العنصر
يمكن الاستفادة من تعيين قيمة هذه الخاصية أن يكون للعنصر قيمة افتراضية وليس فارغا

<!-- عنصر ادخال بيانات الاسم مع قيمة افتراضية -->
<input name="name" value="mohammad />

عندما يغير المستخدم قيمة الحقل داخل المتصفح ستتغير قيمة الخاصية value.

كيف ارسل قيمة العنصر الى قاعدة البيانات ؟
تقوم بإحاطة العنصر بعنصر form وهو مسؤول عن تحديد وجهة البيانات داخله، مع عنصر button لتاكيد الإرسال

<!-- عنصر لتحديد اين تريد إرسال البيانات داخله -->
<form method="POST" action="/path/to/action">
	<input name="name" value="mohammad />
	<button>إرسال</button>
</form>

عند الضغط على الزر سترسل البيانات إلى الوجهة المحددة عبر ارسال طلب HTTP يحتوي على الخاصية name بالقيمة "mohammad". 
تقوم على الخادم باستلام هذا الطلب واستخراج قيمة name منه ووضعه بقاعدة البيانات.

فائدة الـvalues في حقول الادخال للinputs أنها تحدد القيمة لل input التي سوف تخزن في قاعدة البيانات و لكي تخزن البيانات يجب أن تتعلم مسار للbackend لكي تتعلم لغة برمجة تتعامل مع قاعدة البيانات مثل لغة php  وسوف تحتاج أيضا تعلم قاعدة بيانات مثل  Mysql  

ويمكنك الاطلاع علي هذه المقالة التي تحتوي علي جزء يشرح تطوير backend (الواجهات الخلفية) هنا

value هي قيمة ال input حرفيا فاذا كتبت فيه مثلا "hello" فستكون قيمة ال input هي "hello" ونعم في اغلب الأحيان ستكون البيانات التي سترسلها للخادم والخادم يتفقد البيانات ويقرر ما اذا كان سيخزنها في قاعدة البيانات أم لا حسب الشروط التي تعطيها أنت له .

اما عن كيفية الوصول للبيانات فهي عن طريق ما يسمى الطلب والاجابة (request and response) انت في الواجهة ستطلب البيانات من الخادم عن طريق أدوات للاتصال بالخادم جاف سكريبت يحتوي على أداة مدمجة تسمى fetch يمكنك القاء نظرة عليها