اذهب إلى المحتوى
  • 0

ايهما الافضل أن استخدم Input أم Button من اجل الـ submit

السؤال

Recommended Posts

  • 0

كلاهما يؤدي نفس الوظيفة ولكن ما يمزي الـ Button عن الـ Input  هو ان الـ Button يقبل ان تضع داخله العناصر التي تريدها مثل :

<button>
  زر تسليم مع صورة
  <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3d/Charaxes_brutus_natalensis.jpg/280px-Charaxes_brutus_natalensis.jpg" alt="صورة لزر التسليم">
</button>

والنتيجة :

1.png.9bf47ff7be3fb654674a3a8e7a3cc2bd.png

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

كما في التعليقات السابقة فإنه كلا الخيارين يقومان بنفس الوظيفة ولكن هناك بعض الإختلافات بين ال Input و ال Button وهي

  1. <button>  يمكن أن يحتوي على عناصر HTML ولكن <input type="button" /> عنصر مغلق لا يمكن أن يحتوي على عناصر بداخله
  2. <button> يدعم ال pseudo-elements مثل :after و  :before  مما يتيح لك حرية التعديل علىيه وهذا لا ينطبق على ال input
  3. إفتراضياً ال <button> يملك الخيار type="submit" على عكس ال input

ويعتبر ال button أكثر منطقية أو symantic عن ال input

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...