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

Demo HTML: Whitespace cleanup. Validation cleanup (remove strike element, valid input values, SVG shape.) Close #32

Browse Source
This commit is contained in:
Nicolas Gallagher 2011-08-30 11:31:57 +01:00
parent aec1395765
commit 54aa1506bc
1 changed files with 55 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
demo.html
View File

@ -11,9 +11,9 @@
#boxsize input,
#boxsize select,
#boxsize textarea {
width:200px;
padding:5px;
border:1px solid #333;
width: 200px;
padding: 5px;
border: 1px solid #333;
}
</style>
</head>
@ -72,7 +72,6 @@
The <samp>samp element</samp> example<br>
The <small>small element</small> example<br>
The <span>span element</span> example<br>
The <strike>strike element</strike> example<br>
The <strong>strong element</strong> example<br>
The <sub>sub element</sub> example<br>
The <sup>sup element</sup> example<br>
@ -94,7 +93,9 @@
<h3>svg</h3>
<svg style="width:100px; height:100px;"><circle cx="100" cy="100" r="100" fill="#ff0000"></svg>
<svg width="100px" height="100px">
<circle cx="100" cy="100" r="100" fill="#ff0000" />
</svg>
<h3>video</h3>
@ -189,7 +190,7 @@
<h1>Tabular data</h1>
<table summary="Jimi Hendrix albums">
<table>
<caption>Jimi Hendrix - albums</caption>
<thead>
<tr>
@ -253,14 +254,14 @@
<fieldset>
<legend>Inputs as siblings of labels</legend>
<p><label for="ic">Color input</label> <input type="color" id="ic" value="color"></p>
<p><label for="ic">Color input</label> <input type="color" id="ic" value="#000000"></p>
<p><label for="in">Number input</label> <input type="number" id="in" min="0" max="10" value="5"></p>
<p><label for="ir">Range input</label> <input type="range" id="ir" value="range"></p>
<p><label for="idd">Date input</label> <input type="date" id="idd" value="date"></p>
<p><label for="idm">Month input</label> <input type="month" id="idm" value="month"></p>
<p><label for="idw">Week input</label> <input type="week" id="idw" value="week"></p>
<p><label for="idt">Datetime input</label> <input type="datetime" id="idt" value="datetime"></p>
<p><label for="idtl">Datetime-local input</label> <input type="datetime-local" id="idtl" value="datetime-local"></p>
<p><label for="ir">Range input</label> <input type="range" id="ir" value="10"></p>
<p><label for="idd">Date input</label> <input type="date" id="idd" value="1970-01-01"></p>
<p><label for="idm">Month input</label> <input type="month" id="idm" value="1970-01"></p>
<p><label for="idw">Week input</label> <input type="week" id="idw" value="1970-W01"></p>
<p><label for="idt">Datetime input</label> <input type="datetime" id="idt" value="1970-01-01T00:00:00Z"></p>
<p><label for="idtl">Datetime-local input</label> <input type="datetime-local" id="idtl" value="1970-01-01T00:00"></p>
<p><label for="irb">Radio input</label> <input type="radio" id="irb" name="rad"></p>
<p><label for="icb">Checkbox input</label> <input type="checkbox" id="icb"></p>
@ -288,17 +289,17 @@
<div><input type="text" value="text"></div>
<div><input type="email" value="email"></div>
<div><input type="search" value="search"></div>
<div><input type="url" value="http://"></div>
<div><input type="url" value="http://example.com"></div>
<div><input type="password" value="password"></div>
<div><input type="color" value="color"></div>
<div><input type="number" value="number"></div>
<div><input type="range" value="range"></div>
<div><input type="date" value="date"></div>
<div><input type="month" value="month"></div>
<div><input type="week" value="week"></div>
<div><input type="datetime" value="datetime"></div>
<div><input type="datetime-local" value="datetime-local"></div>
<div><input type="color" value="#000000"></div>
<div><input type="number" value="5"></div>
<div><input type="range" value="10"></div>
<div><input type="date" value="1970-01-01"></div>
<div><input type="month" value="1970-01"></div>
<div><input type="week" value="1970-W01"></div>
<div><input type="datetime" value="1970-01-01T00:00:00Z"></div>
<div><input type="datetime-local" value="1970-01-01T00:00"></div>
<div><input type="radio"></div>
<div><input type="checkbox"></div>