Test your knowledge: The <button> Element

Review

1. Inside a form, what can happen when a <button> has no type attribute?

   For a button associated with a form, missing, empty, or invalid type defaults to submit behavior.
2. Which declaration is the clearest choice for a button that opens a panel without submitting a form?

   type="button" explicitly gives the button no form-submission or reset behavior by default.
3. How can a button outside a form be associated with that form?

   The form attribute names the id of the form owner in the same document.
4. Which attribute can make one submit button use a different URL from the form's action?

   formaction overrides the action of the button's form owner for that submit action.
5. When can a button's name/value pair be included in form data?

   The activated submit button can contribute its name/value pair to the submitted form data.
6. What is especially important for an icon-only button?

   Assistive technology needs an accessible name to identify the button's action.
7. Which element is normally appropriate when the user should navigate to another URL?

   A link represents navigation to another resource; a button represents an action.
8. Which content should not be nested inside a button?

   A button cannot contain interactive content because that would create nested interactive controls.