5 Commits

Author SHA1 Message Date
Chris Bracco
714dc01c78 v0.9.7 2021-04-19 11:48:23 -04:00
Chris Bracco
9d912a6d7d Merge pull request #40 from ConnorJamesLow/patch-1
Close option tags in datalist
2021-04-19 11:46:58 -04:00
Connor Low
8983ac1be5 Close option tags in datalist
While your browser might be smart enough to figure it out, `<option>` tags can have children and need to be closed. Some apps/servers will have trouble with it otherwise (for example, this caused vitejs to crash).
2021-04-17 21:06:17 -07:00
Chris Bracco
90c0472293 v0.9.6 2021-04-03 16:01:35 -04:00
Chris Bracco
1c2a244555 Remove classes and valid/invalid inputs 2021-04-03 16:00:59 -04:00
3 changed files with 19 additions and 19 deletions

View File

@@ -1,3 +1,11 @@
# 0.9.7 (April 3, 2021)
- Self-close option tags (thanks @ConnorJamesLow!).
# 0.9.6 (April 3, 2021)
- Remove classes and valid/invalid inputs.
# 0.9.5 (April 3, 2021)
- Add <picture> element (thanks @AurelioDeRosa!).

View File

@@ -6,7 +6,7 @@
<title>HTML5 Test Page</title>
</head>
<body>
<div id="top" class="page" role="document">
<div id="top" role="document">
<header>
<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>
@@ -428,15 +428,7 @@
<input id="input__text2" type="number" placeholder="Enter a Number">
</p>
<p>
<label for="input__text3" class="error">Error</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>
<label for="input__file">File Input</label>
<input id="input__file" type="file">
</p>
</fieldset>
@@ -467,7 +459,7 @@
<p><a href="#top">[Top]</a></p>
<fieldset id="forms__checkbox">
<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="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>
@@ -476,10 +468,10 @@
<p><a href="#top">[Top]</a></p>
<fieldset id="forms__radio">
<legend>Radio buttons</legend>
<ul class="list list--bare">
<li><label for="radio1"><input id="radio1" name="radio" type="radio" class="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="radio3"><input id="radio3" name="radio" type="radio" class="radio"> Option 3</label></li>
<ul>
<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"> Option 2</label></li>
<li><label for="radio3"><input id="radio3" name="radio" type="radio"> Option 3</label></li>
</ul>
</fieldset>
<p><a href="#top">[Top]</a></p>
@@ -529,9 +521,9 @@
<label for="idl">Datalist</label>
<input type="text" id="idl" list="example-list">
<datalist id="example-list">
<option value="Example #1">
<option value="Example #2">
<option value="Example #3">
<option value="Example #1" />
<option value="Example #2" />
<option value="Example #3" />
</datalist>
</p>
</fieldset>

View File

@@ -1,6 +1,6 @@
{
"name": "html5-test-page",
"version": "0.9.5",
"version": "0.9.7",
"description": "A page filled with common HTML elements to be used for testing purposes.",
"main": "index.html",
"scripts": {