Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Learn Using Buttons | HTML Fundamentals
Quizzes & Challenges
Quizzes
Challenges
/
HTML Essentials

bookUsing Buttons

The <button> tag creates clickable buttons on web pages. It allows users to interact with the webpage by triggering actions such as submitting a form or executing JavaScript code. Although we won't focus on JavaScript in this course, it's important to know that such a possibility exists.

Types of buttons

  • Standard button (<button type="button">): A general-purpose button used for various actions on the webpage, such as triggering JavaScript functions or navigating to another page;
  • Submit button (<button type="submit">): Used inside a form to submit the form data to a server;
  • Reset button (<button type="reset">): Used inside a form to reset the form's fields to their default values.

Example:

index.html

index.html

copy

In the example above:

  • The first button is a standard button with an onclick attribute that triggers an alert when clicked;
  • The second button is a submit button that submits the form data to the server;
  • The third button is a reset button that resets the form fields to their default values.
question mark

What does the <button type="submit"> tag do?

Select the correct answer

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 2. Chapter 7

Ask AI

expand

Ask AI

ChatGPT

Ask anything or try one of the suggested questions to begin our chat

Suggested prompts:

Can you explain the difference between the button types in more detail?

What happens if I use a button without specifying the type?

Can you show more examples of how these buttons are used in forms?

Awesome!

Completion rate improved to 2.86

bookUsing Buttons

Swipe to show menu

The <button> tag creates clickable buttons on web pages. It allows users to interact with the webpage by triggering actions such as submitting a form or executing JavaScript code. Although we won't focus on JavaScript in this course, it's important to know that such a possibility exists.

Types of buttons

  • Standard button (<button type="button">): A general-purpose button used for various actions on the webpage, such as triggering JavaScript functions or navigating to another page;
  • Submit button (<button type="submit">): Used inside a form to submit the form data to a server;
  • Reset button (<button type="reset">): Used inside a form to reset the form's fields to their default values.

Example:

index.html

index.html

copy

In the example above:

  • The first button is a standard button with an onclick attribute that triggers an alert when clicked;
  • The second button is a submit button that submits the form data to the server;
  • The third button is a reset button that resets the form fields to their default values.
question mark

What does the <button type="submit"> tag do?

Select the correct answer

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 2. Chapter 7
some-alt