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

Remove classes and valid/invalid inputs

Browse Source
This commit is contained in:
Chris Bracco
2021-04-03 16:00:59 -04:00
parent 931b8637d5
commit 1c2a244555
1 changed files with 7 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
index.html
View File

@@ -6,7 +6,7 @@
<title>HTML5 Test Page</title> <title>HTML5 Test Page</title>
</head> </head>
<body> <body>
<div id="top" class="page" role="document"> <div id="top" role="document">
<header> <header>
<h1>HTML5 Test Page</h1> <h1>HTML5 Test Page</h1>
<p>This is a test page filled with common HTML elements to be used to provide visual feedback whilst building CSS systems and frameworks.</p> <p>This is a test page filled with common HTML elements to be used to provide visual feedback whilst building CSS systems and frameworks.</p>
@@ -428,15 +428,7 @@
<input id="input__text2" type="number" placeholder="Enter a Number"> <input id="input__text2" type="number" placeholder="Enter a Number">
</p> </p>
<p> <p>
<label for="input__text3" class="error">Error</label> <label for="input__file">File Input</label>
<input id="input__text3" class="is-error" type="text" placeholder="Text Input">
</p>
<p>
<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"> <input id="input__file" type="file">
</p> </p>
</fieldset> </fieldset>
@@ -467,7 +459,7 @@
<p><a href="#top">[Top]</a></p> <p><a href="#top">[Top]</a></p>
<fieldset id="forms__checkbox"> <fieldset id="forms__checkbox">
<legend>Checkboxes</legend> <legend>Checkboxes</legend>
<ul class="list list--bare"> <ul>
<li><label for="checkbox1"><input id="checkbox1" name="checkbox" type="checkbox" checked="checked"> Choice A</label></li> <li><label for="checkbox1"><input id="checkbox1" name="checkbox" type="checkbox" checked="checked"> Choice A</label></li>
<li><label for="checkbox2"><input id="checkbox2" name="checkbox" type="checkbox"> Choice B</label></li> <li><label for="checkbox2"><input id="checkbox2" name="checkbox" type="checkbox"> Choice B</label></li>
<li><label for="checkbox3"><input id="checkbox3" name="checkbox" type="checkbox"> Choice C</label></li> <li><label for="checkbox3"><input id="checkbox3" name="checkbox" type="checkbox"> Choice C</label></li>
@@ -476,10 +468,10 @@
<p><a href="#top">[Top]</a></p> <p><a href="#top">[Top]</a></p>
<fieldset id="forms__radio"> <fieldset id="forms__radio">
<legend>Radio buttons</legend> <legend>Radio buttons</legend>
<ul class="list list--bare"> <ul>
<li><label for="radio1"><input id="radio1" name="radio" type="radio" class="radio" checked="checked"> Option 1</label></li> <li><label for="radio1"><input id="radio1" name="radio" type="radio" checked="checked"> Option 1</label></li>
<li><label for="radio2"><input id="radio2" name="radio" type="radio" class="radio"> Option 2</label></li> <li><label for="radio2"><input id="radio2" name="radio" type="radio"> Option 2</label></li>
<li><label for="radio3"><input id="radio3" name="radio" type="radio" class="radio"> Option 3</label></li> <li><label for="radio3"><input id="radio3" name="radio" type="radio"> Option 3</label></li>
</ul> </ul>
</fieldset> </fieldset>
<p><a href="#top">[Top]</a></p> <p><a href="#top">[Top]</a></p>