attributes

Does the order matter?

I think the order for the attributes of the button does not matter.

<button> Attributes

Global

draggable

(default=false) Specifies whether or not the element can be dragged.

Drag me! (by clicking on my edge)
I can’t be dragged.

spellcheck

(default=true) Specifies whether or not the element will have its spelling checked, and then underlined in red if it’s bad.

Massachussetts
Massachussetts

title

(default=none) Gives the element a caption when hovered.

Massachussetts
Massachusetts

Button-specific

Important: type

(default=button) There are 3 different kinds of buttons: -button- Generic ones that just can be clicked, -submit- ones that sends a form’s data when clicked, -reset- and ones that resets a form’s data when clicked. They are showcased here:

First letter of the alphabet:

Last letter of the alphabet:

Submit
Reset

Click me after you’re done 🙂

disabled

(default=false) Makes the button undraggable and greyed-out.

Hah, you can’t click me!
I can be clicked.

The ultimate button

A button which doesn’t follow every default.
I am da ultimate buton!!!!
<button title="The ultimate button." spellcheck="false" disabled="disabled" name="ultimate_button" type="submit" value="Submit">I am da ultimate buton!!!!</button>

Unworking in Edublogs

autofocus

Automatically highlights the button when the page loads.

formaction

Specifies where to send the data of the form after it’s submitted.

formenctype

Specifies how to encode the form’s data when it’s submitted.

formmethod

Specifies how to send the form’s data.

formnovalidate

Makes it so the form’s data is not validated on submission.