Skip to content

Instantly share code, notes, and snippets.

@boyofgreen
Created April 4, 2012 02:47
Show Gist options
  • Select an option

  • Save boyofgreen/2297394 to your computer and use it in GitHub Desktop.

Select an option

Save boyofgreen/2297394 to your computer and use it in GitHub Desktop.
HTML5 Hacks 2.6
<form name=”dateSelection”>
Enter Departing Date: <input type="date" min="2012-03-12" name="departingDate" />
<input type="submit" />
</form>
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
<form name=”myForm”>
<input type="number" value="5" />
<input type=”submit” />
</form>
<form name=”myForm”>
30%: <meter value="3" min="0" max="10"></meter><br />
30%: <meter value="0.3" low=”0.4”>30%</meter>
</form>
<form name=”myForm”>
Downloading progress:
<progress value="35" max="100" >
</progress>
</form>
<form name="myForm">
Shoe size: <input type="range" name="shoeSize" min="0" max="15" step=".5" value="3" />
<input type="submit" />
</form>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment