HTML buttons and form

In the last chapter, you learned about a few HTML tags. Now, we will study a few tags that will make learning HTML more interesting.

Buttons

If you want to add buttons to your HTML web page, you can use the <button></button> tags. The structure of the tags is as follows:

<button type="button">Click Here </button>

If you want to make your button do something, for example, open an URL; you can consider the following code:

<a href="http://google.com/"><button type="button">Click Me </button> </a>

The output of the code will be as follows:

Form

In HTML, we use form to represent a document section that contains interactive controls to submit information to a web server. The basic structure of HTML form is as shown in the following:

<form>
  User ID: <input type = "text"><br>
  Password: <input type ="password"><br>
</form>

The output of the code will be as follows:

Let's dive little bit deeper now!