Help me about Input tag or button tag

Question

1. <input type="submit" value="Submit" >

2. <button>Submit</button>

Both no.1 and no.2 show the same output

What is difference between no.1 and no.2?

Answer 1

https://www.geeksforgeeks.org/button-tag-vs-input-typebutton-attribute/amp/

https://dev.to/anshulnautiyal/input-type-v-s-button-type-part-1-4mn6

Answer 2

https://code.sololearn.com/Wg54zNBSUsuu/?ref=app
Well I think HTML5 users have forgotten about HTML4.
Actually <input> tag was used in HTML4 to make buttons

Answer 3

You can create button with input tag. But button tag is specifically designed and used only for button creation. It has additional features for button functionality compare to input[button].

Answer 4

The main basic difference is if we create button through input, So we are not only creating button in it but we can put text, images, password etc. But if we create button through button tag then we create only button. I hope it's clear to you.

Answer 5

Jayakrishna🇮🇳 is button tag better than input tag?

Answer 6

Atia Farha it's still supported in HTML5 but we are not using it very often cuz button is very easy to write and it's more mutable in comparison to input buttons

Answer 7

ANIGBATA NWAMAKA
Like this,
<i class="fa fa-user-circle" aria-hidden="true"></i>

Don't forget to add
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> inside the head tag.

For more awesome icons search fontawesome's website. They have thousandth of icons available for you to explore. Bootstrap also provides readily made icons, but not much than fontawesome.

And please in the future create your own thread if you have questions.

Answer 8

Jayakrishna🇮🇳 oh I got it. Thank you

Answer 9

Snehil Pandey that means <input> tag isn't used in html5??

Answer 10

Please how do I import an icon in html? I also want to know if the icons can be styled using css?