Contact Us
   
   
 
   
   
 
     
 
 
HTML Tag Tutorial
 
 
 

HTML button Tag

 
 
Print   Email
 
     
 

The example of button tag in HTML

<button type="button"  name="buttontag">Submit <br /> this button</button>

Working example of button tag

 

The HTML button tag is used to create button in HTML form in webpage.

Button tags are used for making action event to current page or for next page with type submit.

Button tag is used to long string value with break in string. This is an advantage of button tag. Button tag use opening and closing tag <button></button>, it easily take value inside in the tag. This value can print on web page form. Button tag can also use image in background.

Button tag is supported by all web browsers. These web browsers are Internet Explorer, firefox, opera, google chrome.

Button tag supports all common attribute and event attributes.

Button tag attribute

Attribute Value Explaination
name name Name of button tag property
value text Define value in string of button
type button
submit
reset
Define type of button
disabled disabled Define property disabled, not usable
tabindex NUMBER position in tabbing order
accesskey Character accessibility key character (Shortcut key character)

Common Attribute of button Tag

Attribute Value Explaination
id ID unique id document for link element
class classname list of CSS classes
style StyleSheet associated style information of style tags
title Text information about an element shown on mouse over cursor
lang LanguageCode Language Code of the element
dir ltr
rtl
direction for weak/neutral text

Events Attribute of button Tag

Attribute Value Explaination
onfocus event Event Fire on element got the focus
onblur event Event Fire on element lost the focus
onclick event Event Fire on mouse button was clicked
ondblclick event Event Fire on a mouse button was double clicked
onmousedown event Event Fire on a mouse button was pressed down
onmouseup event Event Fire on a mouse button was released
onmouseover event Event Fire on a mouse was moved onto
onmousemove event Event Fire on a mouse was moved within
onmouseout event Event Fire on a mouse was moved away
onkeypress event Event Fire on a key was pressed and released
onkeydown event Event Fire on a key was pressed down
onkeyup event Event Fire on a key was released

 
     
 
If You Like this Article, share this

  



Feedback
 
     
   
Table 'easyways_easywayserver.wp_posts' doesn't exist