Button

Button is an HTML element.

A button in HTML is an interactive element that users can click or press to perform an action or submit a form.

HTML Element:

The

Text Content:

We can specify the text content of the button between the opening and closing

Attributes:

The

type:
Specifies the type of button. Common values include "button" (default), "submit", and "reset".
name and value:
Useful when the button is part of a form and you want to send its name and value when the form is submitted.
disabled:
Disables the button, preventing user interaction.
onclick:
Executes JavaScript code when the button is clicked.

Apply CSS on Button:

This CSS code defines a class called ".button" which styles an HTML element as a button.

We can then apply this class to any HTML element (typically

CSS Syntax:

.button {
  display: inline-block;
  padding: 8px 16px;
  background-color: #333;
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  cursor: not-allowed;
}

CSS On Hover Syntax:

.button:hover {
  background-color: white;
  color: black;
  cursor: pointer;
}

HTML Syntax:

<button class="button">Hover on me</button>

Buttons are essential for creating interactive web pages and providing users with a way to trigger actions or navigate through the content.

They can be styled and customized to fit the design and functionality requirements of your website.

<-- Float

Button

HTML Element:

Text Content:

Attributes:

type:

name and value:

disabled:

onclick:

Apply CSS on Button:

CSS Syntax:

CSS On Hover Syntax:

HTML Syntax: