mirror_html/html5-test-page
1
0
Fork 0
mirror of https://github.com/cbracco/html5-test-page.git synced 2025-07-31 19:31:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

update formatting and IDs

Browse Source
This commit is contained in:
cbracco
2015-03-21 19:07:32 +01:00
parent 8a1c7b6906
commit a73b6fef0b
1 changed files with 22 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
test.html
View File

@@ -53,7 +53,7 @@
</nav>
<main role="main">
<section id="textSection">
<section id="text">
<header><h1>Text</h1></header>
<article id="text__headings">
@@ -90,7 +90,7 @@
<blockquote>
<p>A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text.</p>
<p>It is typically distinguished visually using indentation and a different typeface or smaller size quotation. It may or may not include a citation, usually placed at the bottom.</p>
<cite><a href="#">Said no one, ever.</a></cite>
<cite><a href="#!">Said no one, ever.</a></cite>
</blockquote>
</div>
@@ -205,8 +205,7 @@
<h2>Pre-formatted text</h2>
<pre>
P R E F O R M A T T E D T E X T
<pre>P R E F O R M A T T E D T E X T
! " # $ % &amp; ' ( ) * + , - . /
0 1 2 3 4 5 6 7 8 9 : ; &lt; = &gt; ?
@ A B C D E F G H I J K L M N O
@@ -222,7 +221,7 @@ p q r s t u v w x y z { | } ~ </pre>
<header><h1>Inline elements</h1></header>
<div>
<p><a href="#">This is a text link</a>.</p>
<p><a href="#!">This is a text link</a>.</p>
<p><strong>Strong is used to indicate strong importance.</strong></p>
@@ -327,40 +326,40 @@ p q r s t u v w x y z { | } ~ </pre>
<legend>Text fields</legend>
<p>
<label for="text">Text Input <abbr title="Required">*</abbr></label>
<input id="text" type="text" placeholder="Text Input">
<label for="input__text">Text Input <abbr title="Required">*</abbr></label>
<input id="input__text" type="text" placeholder="Text Input">
</p>
<p>
<label for="password">Password</label>
<input id="password" type="password" placeholder="Type your Password">
<label for="input__password">Password</label>
<input id="input__password" type="password" placeholder="Type your Password">
</p>
<p>
<label for="webaddress">Web Address</label>
<input id="webaddress" type="url" placeholder="http://yoursite.com">
<label for="input__webaddress">Web Address</label>
<input id="input__webaddress" type="url" placeholder="http://yoursite.com">
</p>
<p>
<label for="emailaddress">Email Address</label>
<input id="emailaddress" type="email" placeholder="name@email.com">
<label for="input__emailaddress">Email Address</label>
<input id="input__emailaddress" type="email" placeholder="name@email.com">
</p>
<p>
<label for="search">Search</label>
<input id="search" type="search" placeholder="Enter Search Term">
<label for="input__search">Search</label>
<input id="input__search" type="search" placeholder="Enter Search Term">
</p>
<p>
<label for="text2">Number Input <abbr title="Required">*</abbr></label>
<input id="text2" type="number" placeholder="Enter a Number" pattern="[0-9]*">
<label for="input__text2">Number Input <abbr title="Required">*</abbr></label>
<input id="input__text2" type="number" placeholder="Enter a Number" pattern="[0-9]*">
</p>
<p>
<label for="textarea">Textarea</label>
<textarea id="textarea" rows="8" cols="48" placeholder="Enter your message here"></textarea>
<label for="input__textarea">Textarea</label>
<textarea id="input__textarea" rows="8" cols="48" placeholder="Enter your message here"></textarea>
</p>
<p>
<label class="error">Error</label>
<input class="is-error" type="text" placeholder="Text Input">
<label for="input__text3" class="error">Error</label>
<input id="input__text3" class="is-error" type="text" placeholder="Text Input">
</p>
<p>
<label class="valid">Valid</label>
<input class="is-valid" type="text" placeholder="Text Input">
<label for="input__text4" class="valid">Valid</label>
<input id="input__text4" class="is-valid" type="text" placeholder="Text Input">
</p>
</fieldset>