37 lines
1.0 KiB
HTML
37 lines
1.0 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Responsive Forms</title>
|
|
<meta name="description" content="Demonstrating responsive forms using HTML5 and CSS3">
|
|
<meta name="author" content="Kenneth John Odle">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<link rel="stylesheet" media="screen and (min-width: 801px)" href="styles.css" />
|
|
<link rel="stylesheet" media="screen and (max-width: 800px)" href="mobile.css" />
|
|
</head>
|
|
<body>
|
|
|
|
<form>
|
|
|
|
<label for="firstname">First Name</label>
|
|
<input type="text" id="firstname" placeholder="First Name" autofocus>
|
|
|
|
<label for="lastname">Last Name</label>
|
|
<input type="text" id="lastname" placeholder="Last Name">
|
|
|
|
<label for="email">Email</label>
|
|
<input type="email" id="email" placeholder="Email">
|
|
|
|
<label for="url">Website</label>
|
|
<input type="url" id="url" placeholder="Web Address">
|
|
|
|
<label for"age">Age</label>
|
|
<input type="number" id="age" min="13" max="100" step="1" value="18">
|
|
|
|
<div class="clear"></div>
|
|
|
|
</form>
|
|
|
|
</body>
|
|
</html> |