Skip to content

Instantly share code, notes, and snippets.

@freizl

freizl/html5-showcase.html

Created June 8, 2012 05:50
Show Gist options
  • Save freizl/2893839 to your computer and use it in GitHub Desktop.
Save freizl/2893839 to your computer and use it in GitHub Desktop.
Download ZIP
HTML 5 Elements Showcase
Raw
html5-showcase.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!-- <script type="text/javascript" src="/home/haiswu/Downloads/jquery-1.7.1.js"></script> -->
<style>
form div label {
width: 100px;
}
</style>
<script>
</script>
</head>
<body>
<section class="docElements">
</section>
<section class="formElements">
<form action="#">
<fieldset>
<legand>A Simple Form</legand>
<div>
<label>Username:</label>
<input type="text" required />
</div>
<div>
<label>Password:</label>
<input type="password" required />
</div>
<div>
<label>Email:</label>
<input type="email" placeholder="me@example.com" autofocus />
</div>
<div>
<label>Number:</label>
<input type="number" placeholder="a valid number" />
</div>
<div>
<label>Date:</label>
<input type="date" placeholder="a valid date" />
</div>
<input type="submit" value="Submit" />
</fieldset>
</form>
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment