Buttons in HTML

Buttons in HTML users ko web page ke saath interact karne ki facility dete hain. Buttons in HTML forms submit kar sakte hain, JavaScript run kar sakte hain, ya click hone par different actions trigger kar sakte hain.


HTML <button> Element

Buttons in HTML me <button> element ek clickable button define karta hai.

By default button koi action perform nahi karta jab tak aap usme koi functionality add na karein.

Example:

Buttons in HTML

Yeh ek simple clickable button create karega.


Styling HTML Buttons

HTML buttons ko aksar CSS se style kiya jata hai taaki button attractive aur user-friendly lage.

Example:

Styling HTML Buttons

Is example me button ko background color, text color aur padding diya gaya hai.


Disabled Buttons

Buttons in HTML me disabled attribute ka use karke button ko unclickable banaya ja sakta hai.

Example:

Disabled Buttons

Is button par user click nahi kar paayega.


Button with JavaScript

Buttons in HTML me onclick attribute ka use karke JavaScript function run kar sakte hain jab user button par click kare.

Example:

Button with JavaScript

Is example me button click karne par alert message show hoga.


Button Types

HTML Buttons me type attribute define karta hai ki button click hone par kya action perform karega.

Teen main button types hote hain:

  • type=”button” → Normal clickable button (default me koi action nahi karta)

Example:

type="button"
  • type=”submit” → Form ko submit karta hai

Example:

type="submit"
  • type=”reset” → Form ke sabhi fields reset karta hai

Example:

type="reset"

Is tarah HTML Buttons web pages me user interaction ka important part hote hain, jinke through users forms submit kar sakte hain, JavaScript actions trigger kar sakte hain aur different functionalities perform kar sakte hain.

Leave a Comment