library-mirrors/normalize.css
1
0
Fork 0
mirror of https://github.com/necolas/normalize.css.git synced 2024-12-25 15:14:19 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Include http: in path to HTML5 Shim. Remove inputs with 'required' and 'pattern' attributes: not relevant to this demo.

Browse Source
This commit is contained in:
Nicolas Gallagher 2011-05-23 09:14:27 -07:00
parent 8061c67cf7
commit ab0304e248
1 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
demo.html
View File

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, minimum-scale=1.0">
<title>Normalize CSS</title>
<link rel="stylesheet" href="normalize.css">
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
</head>
<body>
<header>
@ -148,19 +148,17 @@
<fieldset>
<legend>Form legend</legend>
<div><label for="i1">Optional Text input:</label><input type="text" id="i1" value="input text"></div>
<div><label for="i2">Required Text input:</label><input type="text" id="i2" required></div>
<div><label for="i3">Text input with pattern requirement and placeholder:</label><input type="text" id="i3" pattern="\d{5}(-\d{4})?" title="a US Zip code, with or without the +4 exension" placeholder="12345-6789"></div>
<div><label for="i4">Search input:</label><input type="search" id="i4"></div>
<div><label for="i5">Email input:</label><input type="email" id="i5"></div>
<div><label for="i6">URL input:</label><input type="url" id="i6"></div>
<div><label for="i7">Password input:</label><input type="password" id="i7" value="password"></div>
<div><label for="i8">Radio input:</label><input type="radio" id="i8"></div>
<div><label for="i9">Checkbox input:</label><input type="checkbox" id="i9"></div>
<div><input type="radio" id="i10"><label for="i10">Radio input</label></div>
<div><input type="checkbox" id="i11"><label for="i11">Checkbox input</label></div>
<div><label for="i2">Search input:</label><input type="search" id="i2"></div>
<div><label for="i3">Email input:</label><input type="email" id="i3"></div>
<div><label for="i4">URL input:</label><input type="url" id="i4"></div>
<div><label for="i5">Password input:</label><input type="password" id="i5" value="password"></div>
<div><label for="i6">Radio input:</label><input type="radio" id="i6"></div>
<div><label for="i7">Checkbox input:</label><input type="checkbox" id="i7"></div>
<div><input type="radio" id="i8"><label for="i8">Radio input</label></div>
<div><input type="checkbox" id="i9"><label for="i9">Checkbox input</label></div>
<div><label for="i12">Select field:</label><select id="i12"><option>Option 01</option><option>Option 02</option></select></div>
<div><label for="i13">Textarea:</label><textarea id="i13" cols="30" rows="5" >Textarea text</textarea></div>
<div><label for="i10">Select field:</label><select id="i10"><option>Option 01</option><option>Option 02</option></select></div>
<div><label for="i11">Textarea:</label><textarea id="i11" cols="30" rows="5" >Textarea text</textarea></div>
<div><input type="image" src="http://placehold.it/90x24" alt="Image (input)"></div>
<div><input type="reset" value="Reset (input)"></div>