Experiments • HTML

Test on LAMBDATEST    Test on LAMBDATEST


<!DOCTYPE html>
<html>
<meta name="robots" content="noindex,nofollow">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Experiment - Input Types In HTML5</title>
        <meta name="description" content="">
        <style>
            body {
                font-family: arial;
                background-color:silver;
            }
                        input {
              width: 30%;
              padding: 12px 20px;
              margin: 8px 0;
              box-sizing: border-box;
             border: 2px solid black;
              border-radius: 4px;
            align: center;
            }

            input:focus {
              background-color: lightblue;
            }

		</style>
		<!-- Google Tag Manager -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=AW-833407987"></script>
	<script>
		window.dataLayer = window.dataLayer || [];

		function gtag() {
			dataLayer.push(arguments);
		}
		gtag('js', new Date());
		gtag('config', 'AW-833407987');
	</script>
	<!-- Google Tag Manager -->
    </head>
    <body>
        <center>
				<h1>Input Types In HTML5</h1>
				<div>
				<form>
				Search :  <input type="search" name="xyz">
				<br><br>
				Email : <input  type="email" required>
				<br><br>
				Number : <input type="number" min="3" max="30">
				<br><br>
				Range : <input type="range" min="0" max="100" step="5">
				<br><br>
				Telephone : <input type="tel" required>
				<br><br>
				URL : <input type= "url">
				<br><br>
				Date : <input type="date">
				<br><br>
				Month : <input type="month">
				<br><br>
				Time : <input type="time">
				<br><br>
				DateTime : <input type="datetime">
				<br><br>
				Color : <input type="color">
				<br><br>
				Week : <input type="week">
				<br><br>

				<button> Submit </button>
				</form>
	</center>

        
    </body>
</html>