<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
text-align:center;
}
</style>
<body>
<h2>The inputmode Attribute</h2>
<p>Browse this page with a phone or tablet.</p>
<p>Click the input field:</p>
<input type="text" inputmode="email">
<p>Some of the keys are switched out with keys used typically for e-mail addresses.</p>
</body>
</html>