لم افهم فائدة الخاصية name

أعتقد قصدك عن الخاصية name في عنصر ال html.

تستعمل هذه الخاصية للوصول إلى قيمة العنصر في جافاسكربت (بشكل عام يستعمل ال id أكثر) أو في السيرفر بعد إرسال البيانات.

أي في حال كان لديك ما يلي:

<form action="/action_page.php">
  <label for="username">username:</label>
  <input type="text" id="username" name="user_name"><br><br>
  <label for="pass">password:</label>
  <input type="text" id="pass" name="password"><br><br>
  <input type="submit" value="Submit">
</form>

عندها تصل البيانات إلى السيرفر و يمكن الحصول على قيمة اسم المستخدم من المفتاح user_name و كلمة المرور من المفتاح password.

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

والسؤال الخاص بك غير واضح، ولكن علي أي حال الخاصية "name" تستخدم في اللغات والتقنيات المختلفة لتعيين اسم لكائن معين أو عنصر في النظام البرمجي.

أي استخدامها للإشارة إلى الهوية أو التعرف على الكائن والوصول إليه بسهولة.

وفي html تستخدم للتعرف على اسم حقل الاستمارة في جافاسكريبت بعد عمل submit لها، وأيضًا بالنسبة لعناصر أخرى تلك الخاصية متاحة.

بالنسبة لعنصر <iframe> تستخدم الخاصية لاستهداف تقديم النموذج.

وبالنسبة لعنصر <map>، ترتبط خاصية الاسم بسمة usemap في عنصر <img> وتُنشئ علاقة بين الصورة والخريطة.

بالنسبة لعنصر <meta>، تُحدد خاصية الاسم اسمًا لمعلومة/قيمة السمة المحتوى (content).

بالنسبة لعنصر <param>، يتم استخدام خاصية الاسم بالتزامن مع سمة القيمة (value) لتحديد المعلمات للوحدة الإضافية المحددة بواسطة علامة العنصر <object>.

والخاصية name متاحة للعناصر التالية:

• <button>
• <fieldset>
• <form>
• <iframe>
• <input>
• <map>
• <meta>
• <object>
• <output>
• <param>
• <select>
• <textarea>

وأرجو توضيح السؤال لمساعدتك بشكل أفضل.

يتم استخدام الخاصية "name" لتحديد اسم لعنصر محدد مثل زر أو حقل إدخال أو إطار. تتميز هذه الخاصية بأنها تسمح للمطورين بتحديد اسم فريد لكل عنصر في صفحة الويب، مما يسمح للمستخدمين بالتفاعل مع العناصر والإشارة إليها بسهولة.

الاستخدام الأساسي للخاصية "name" هو في عناصر نماذج HTML مثل الحقول والأزرار ومربعات الاختيار. باستخدام "name" ، يمكن للمطورين تحديد اسم فريد لكل عنصر في النموذج ، مما يسهل استدعاء البيانات المدخلة بواسطة البرامج النصية أو معالجة النماذج في جانب الخادم.

على سبيل المثال، في حالة الأزرار، يمكن استخدام الخاصية "name" لتمييز أزرار متعددة تقوم بوظائف مختلفة في نموذج واحد. وعندما يقوم المستخدم بالنقر على زر معين، يتم تمرير القيمة المرتبطة بـ "name" للاستخدام في البرمجة أو العمليات الأخرى.
 

<form action="/submit-form" method="POST">
  <label for="name-input">اسمك:</label>
  <input type="text" id="name-input" name="user-name" />
  <button type="submit" name="submit-btn">إرسال</button>
</form>

في المثال السابق، لدينا نموذج بسيط يحتوي على حقل إدخال لاسم المستخدم وزر إرسال. استخدمنا الخاصية "name" لتعيين اسم فريد لكل عنصر.

لحقل الإدخال، استخدمنا name="user-name"، وهذا يعني أن القيمة المدخلة ستكون مرتبطة بهذا الاسم في حالة إرسال النموذج. يمكن استخدام هذا الاسم في البرمجة النصية لاستخراج قيمة الحقل بعد الإرسال.

بالنسبة لزر الإرسال، استخدمنا name="submit-btn"، وهذا يعني أنه عند النقر على الزر، ستتم إرفاق القيمة المرتبطة بهذا الاسم مع النموذج أثناء الإرسال. يمكن استخدام هذا الاسم لتحديد عملية معينة عند الضغط على الزر في البرمجة النصية.

شكرا للتوضيح