<!DOCTYPE html>
<html>
<body>
<h1>Type Attribute Example for the Input Element</h1>
<form>
<label for="name">Button:</label>
<input type="button" id="name" name="name" value="Click me" /><br /><br />
<label for="name">Checkbox:</label>
<input type="checkbox" id="name" name="name" /><br /><br />
<label for="name">Color:</label>
<input type="color" id="name" name="name" /><br /><br />
<label for="name">date:</label>
<input type="date" id="name" name="name" /><br /><br />
<label for="name">datetime-local:</label>
<input type="datetime-local" id="name" name="name" /><br /><br />
<label for="name">email:</label>
<input type="email" id="name" name="name" /><br /><br />
<label for="name">file:</label>
<input type="file" id="name" name="name" /><br /><br />
<label for="name">hidden:</label>
<input type="hidden" id="name" name="name" /><br /><br />
<label for="name">image:</label>
<input
type="image"
id="name"
name="name"
src="https://www.freeiconspng.com/uploads/login-button-png-13.png"