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

الفرق الجوهري بينهما هو أن ال button يمكن أن يحوي على أبناء، على عكس ال input و لكن كلاهما يظهر على شكل زر نستعمله لإرسال البيانات.

كلاهما يؤدي نفس الوظيفة ولكن ما يمزي الـ 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>

والنتيجة :

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

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

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