Skip to content

Instantly share code, notes, and snippets.

@aosipov

aosipov/Autocompletion with HTML5 datalists

Created October 8, 2013 21:06
Show Gist options
  • Save aosipov/6891689 to your computer and use it in GitHub Desktop.
Save aosipov/6891689 to your computer and use it in GitHub Desktop.
Download ZIP
Hyper useful, ready to use HTML5 snippets
Raw
Autocompletion with HTML5 datalists
<input name="frameworks" list="frameworks" />
<datalist id="frameworks">
<option value="MooTools">
<option value="Moobile">
<option value="Dojo Toolkit">
<option value="jQuery">
<option value="YUI">
</datalist>
Raw
Base64 Encode of a 1*1px “spacer” gif
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
Raw
Crash IE6
<style>*{position:relative}</style><table><input></table>
Raw
Downloadable files
<!-- will download as "expenses.pdf" -->
<a href="/files/adlafjlxjewfasd89asd8f.pdf" download="expenses.pdf">Download Your Expense Report</a>
Raw
Get Directions Form (Google Maps)
<form action="http://maps.google.com/maps" method="get" target="_blank">
<label for="saddr">Enter your location</label>
<input type="text" name="saddr" />
<input type="hidden" name="daddr" value="350 5th Ave New York, NY 10018 (Empire State Building)" />
<input type="submit" value="Get directions" />
</form>
Raw
html 5 starter
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled</title>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
</body>
</html>
Raw
Regexp pattern for email validation
<input type="text" title="email" required pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment