mirror_html/html5-test-page
1
0
Fork 0
mirror of https://github.com/cbracco/html5-test-page.git synced 2025-01-17 13:08:17 +01:00
Code Issues Packages Projects Releases Wiki Activity

Added a few elements

Browse Source 
address, details, embed, object, file input, datalist, keygen
This commit is contained in:
jKratzik 2016-11-24 15:46:54 +01:00 committed by Chris Bracco
parent 3b85be264e
commit ab4675eae5
1 changed files with 51 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
index.html
View File

@ -22,6 +22,8 @@
<li><a href="#text__lists">Lists</a></li>
<li><a href="#text__hr">Horizontal rules</a></li>
<li><a href="#text__tables">Tabular data</a></li>
<li><a href="#text__address">Address</a></li>
<li><a href="#text__details">The details element</a></li>
<li><a href="#text__code">Code</a></li>
<li><a href="#text__inline">Inline elements</a></li>
<li><a href="#text__comments">HTML Comments</a></li>
@ -38,6 +40,8 @@
<li><a href="#embedded__progress">Progress</a></li>
<li><a href="#embedded__svg">Inline SVG</a></li>
<li><a href="#embedded__iframe">IFrames</a></li>
<li><a href="#embedded__embed">Embed</a></li>
<li><a href="#embedded__object">Object</a></li>
</ul>
</li>
<li>
@ -174,6 +178,26 @@
</table>
<footer><p><a href="#top">[Top]</a></p></footer>
</article>
<article id="text__address">
<header><h1>Address</h1></header>
<address>
Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
<footer><p><a href="#top">[Top]</a></p></footer>
</article>
<article id="text__details">
<header><h1>The details element</h1></header>
<details>
<summary>Details summary</summary>
<p>More details come here.<br>
Another sentence.</p>
</details>
<footer><p><a href="#top">[Top]</a></p></footer>
</article>
<article id="text__code">
<header><h1>Code</h1></header>
<div>
@ -279,6 +303,16 @@
<div><iframe src="index.html" height="300"></iframe></div>
<footer><p><a href="#top">[Top]</a></p></footer>
</article>
<article id="embedded__embed">
<header><h2>Embed</h2></header>
<div><embed></div>
<footer><p><a href="#top">[Top]</a></p></footer>
</article>
<article id="embedded__object">
<header><h2>Object</h2></header>
<div><object></object></div>
<footer><p><a href="#top">[Top]</a></p></footer>
</article>
</section>
<section id="forms">
<header><h1>Form elements</h1></header>
@ -321,6 +355,10 @@
<label for="input__text4" class="valid">Valid</label>
<input id="input__text4" class="is-valid" type="text" placeholder="Text Input">
</p>
<p>
<label for="input__file" class="button">File Input</label>
<input id="input__file" type="file">
</p>
</fieldset>
<p><a href="#top">[Top]</a></p>
<fieldset id="forms__select">
@ -397,6 +435,19 @@
<label for="idtl">Datetime-local input</label>
<input type="datetime-local" id="idtl" value="1970-01-01T00:00">
</p>
<p>
<label for="idatal">Datalist</label>
<input type="text" id="idatal" list="example-list">
<datalist id="example-list">
<option value="Example #1">
<option value="Example #2">
<option value="Example #3">
</datalist>
</p>
<p>
<label for="ikeygen">Keygen</label>
<keygen id="ikeygen">
</p>
</fieldset>
<p><a href="#top">[Top]</a></p>
<fieldset id="forms__action">