Is it still common to do buttons with <button> in HTML?

[Hip]

Hey guys,

 

I wonder if there is any other way to create buttons because some stuff has changed over the years and I want to keep it up to date in code.

 

Thanks in advance!

[Retrodex Gaming]

I use bootstrap for mine, much prettier and easily configured!

<button type="button" class="btn btn-primary"> etc etc, but yeah, its still the same in HTML 5! 

https://getbootstrap.com/docs/4.3/getting-started/introduction/

[Hip]

1 minute ago, Retrodex Gaming said:

I use bootstrap for mine, much prettier and easily configured!

<button type="button" class="btn btn-primary"> etc etc, but yeah, its still the same in HTML 5! 

https://getbootstrap.com/docs/4.3/getting-started/introduction/

I actually do everything without libraries

[Retrodex Gaming]

2 minutes ago, Hip said:

I actually do everything without libraries

I'm 100% the definition of amateur though! C# & Unity are my forte! In that case... yeah, I guess <button> away! 

[Hip]

20 minutes ago, Retrodex Gaming said:

I'm 100% the definition of amateur though! C# & Unity are my forte! In that case... yeah, I guess <button> away! 

I am learning HTML and CSS still so using libraries does not make sense for me.

Otherwise I won't be able to code myself.

[KNG_HOLDY]

im not 100% sure because im more of an backend guy

but i think it doesnt matter if you use <button> or some other tag because the styling is done by class name in frameworks like bootstrap later

 

if you dont use bootstrap, you will style your buttons yourself anyways and you dont really have to use the button tag in that case

but imo its cleaner to use button

 

what im trying to say you can make <div> the same look / feel & same actions as a <button> if you use javascript & css

but i like to use the button tag because the code is a bit cleaner that way 

[Dat Guy]

HTML5 is even more semantic than HTML 4.01: Navigation areas are <nav> now, article areas are <article> - so everything's fine.  

[Helly]

You can use anything as a button, just style it after and put an onclick on it. Most common uses are still the <button> and quite often the <a>.

[Dat Guy]

Technically, those are not buttons though.

[fringie]

Yes people do but you need to prevent the default event which is submit. I prefer using a tags or divs personally.

[Helly]

A button does not submit afaik. The only submit i ever have to prevent is from a form. Which you can easily prevent by adding "onsubmit="return false;"" to the tag.

[Dat Guy]

An "input type=submit" is technically a specialized button.

[adampetre73]

I might be wrong, but as far as I know, tags like <button>, <article>, <nav>, etc. are not mandatory, but it is recommended that you do use them, as it helps different software understand the page better and display it in a specific way for people with disabilities.