Articles → HTML → Buttons In HTML

Buttons In HTML






What Is A Button Control?




  1. Which can be clicked
  2. Performs validations and actions when clicked.

Type Of Buttons




  1. Button
  2. Submit
  3. Reset

Button








<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta charset="utf-8" />
	<title></title>
</head>

<body>
	<form method="get" action="Page1.html">
		<button>Button Example</button>
	</form>
</body>

</html>




Picture showing the input type as button in html

Click to Enlarge


Submit




<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta charset="utf-8" />
	<title></title>
</head>

<body>
	<form method="get" action="Page1.html">
		<input type="submit" value="Submit Example" /> </form>
</body>

</html>




Picture showing the input type as submit in html

Click to Enlarge




Reset




<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta charset="utf-8" />
	<title></title>
</head>

<body>
	<form method="get" action="Page1.html">
		<input type="text" />
		<input type="reset" value="Reset Example" /> </form>
</body>

</html>




Picture showing the input type as reset in html

Click to Enlarge




Browser Support


Internet ExplorerFirefoxChromeSafariOperaEdge
YesYesYesYesYesYes



Posted By  -  Karan Gupta
 
Posted On  -  Friday, December 16, 2016
 
Updated On  -  Sunday, December 3, 2017

Query/Feedback


Your Email Id  
 
Subject 
 
Query/FeedbackCharacters remaining 250