Nee HTML 5 Form Elements and Attributes Run for browsers support
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Form in HTML5</title>
</head>
<body>
<form action="some.php">
<fieldset>
<input type="color" name="color-box" value="#5bb5bb">
<input type="date"><br />
<input type="month" value="1996-03"><br />
<input type="time" value="10:10:25"><br />
<input type="week" value="2015-W20"><br />
<label for="email">Email address:</label>
<input type="email" name="email" required>
<input type="submit" value="Submit">
</fieldset>
</form>
<form action="some2.php">
<h2>Another form</h2>
<fieldset>
<legend>Search:</legend>
<input type="search" name="mySearch">
<input type="submit" value="Enter">
</fieldset>
</form>
<form action="">
<h2>And Another Form</h2>
<input type="range" name="range_slider" min="2" max="10" step="2">
</form>
<form action="" name="myForm" id="myForm" method="get">
<h2>Telephone Form</h2>
<input type="tel" pattern='(?:\(\d{3}\)|\d{3})[- ]?\d{3}[- ]?\d{4}' title='Phone Number (Format: (999)999-9999)'>
<input type="submit" value="Submit">
</form>
<form action="test.php" autocomplete="on">
<h2>Autocomplete Form</h2>
<label for="name">Name:</label>
<input type="text" name="name">
<input type="submit" value="Submit">
</form>
<form action="test.php">
<h2>Autofocus input Form</h2>
<label for="name">Focused field:</label>
<input type="text" name="name" autofocus>
<input type="submit" value="Submit">
</form>
<hr />
<form action="some.php" method="get" novalidate>
<h3>No validate Input</h3>
<fieldset>
<legend>No validate Email:</legend>
<label for="email">Email address:</label>
<input type="email" name="email" value="email">
<input type="submit" value="Submit">
</fieldset>
</form>
<br />
<form action="some.php" method="get" novalidate>
<h3>Placeholder Input</h3>
<fieldset>
<label for="email">Name:</label>
<input type="text" name="name" placeholder="Type your name">
<input type="submit" value="Submit">
</fieldset>
</form>
<br />
<form action="some.php">
<h4>Target Input - to open on input in new window</h4>
<input type="submit" value="Submit" formtarget="_blank">
</form>
<br />
<form action="test.php">
<h4>Select multiply files to upload - use 'Shift'</h4>
<input type="file" name="file" multiple>
<input type="submit" value="Submit">
</form>
<br />
<form action="">
<h4>Datalist & list</h4>
<label for="cars">Cars: <br />
<datalist id="cars">
<option value="Ford">Ford</option>
<option value="Nissan">Nissan</option>
<option value="Tank">Tank</option>
</datalist>
Look for a car:
<input type="text" name="cars" list="cars">
<p>Search for cars, autocomplete</p>
</label>
</form>
<br />
<form action="test.php">
<h4>Progress</h4>
<progress value="100" max="200"></progress>
</form>
<br />
<form action="test.php">
<h4>Meter</h4>
<meter value="100" min="0" max="200"></meter>
</form>
<br />
<form action="test.php">
<h4>Output - used for JavaScript actions</h4>
<output id="myOutput"></output>
</form>
<br />
</body>
</html>