Home Tutorial Html Html5 HTML5 button type.

 
 

Share on Google+Share on Google+
HTML5 button type.
Posted on: September 16, 2010 at 12:00 AM
Advertisement
In this tutorial, you will see the use of type attribute of HTML5.

HTML5 button type.

Introduction:

In this section, you will see the use of type attribute of button tag. It is define the behavior of button.

Attributes of type tag:
Attribute Value Description
Type button
submit
reset
Do nothing.
submit a form.
reset a form.

Declaration Syntax :

Declaration syntax of type attribute of button  tag in HTML5.

                         <button  type="value" >Text area </button>

Example of <button > in HTML5:

Code:
ButtonType.html
<!doctype html>
<html >
<head>
<title> Insert title of document. </title>
</head>
<body>
<p><b>Example of type attribute of&nbsp; button tag in HTML5.</b></p>
<form>
<table style="width: 50%">
<caption style="text-decoration:none">Employee Information</caption><tr>
<td>EmpId</td>
<td>&nbsp;</td>
<td><input name="Text1" type="text"></td>
</tr>
<tr>
<td>EmpName</td>
<td>&nbsp;</td>
<td><input name="Text4" type="text"></td>
<caption><input name="Text3" type="text"></caption>
</tr>
<tr>
<td>EmpAddress</td>
<td>&nbsp;</td>
<td><input name="Text2" type="text"></td>
</tr>
<tr>
<td>EmpAge</td>
<td>&nbsp;</td>
<td><input name="Text5" type="text" style="width: 124px"></td>
</tr>
<tr>
<td><button type="submit" > Submit</button></td>
<td><button type="button" >Button</button></td>
<td><button type="submit" >Submit</button></td>
</tr>
</table></form>
</body>
</html>
Output:

 

Download this code

Difference Between HTML5 and HTML4.01:

No difference.

Advertisement

Related Tags for HTML5 button type.:


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: September 16, 2010

Recommend the tutorial

Advertisements Advertisements
 

 

 

DMCA.com