Demos:Tests: Avoid self-closing HTML tags

Self-closing tags are reported by newer versions of the htmllint
Grunt plugin. They also don't make sense in our HTML files
since they are not XHTML-compliant and they run in HTML mode
anyway.

Ref gh-2157
This commit is contained in:
Michał Gołębiowski-Owczarek 2023-03-29 00:18:07 +02:00 committed by Michał Gołębiowski-Owczarek
parent f8990e68e2
commit 0977ea1b48
20 changed files with 39 additions and 39 deletions

View File

@ -47,10 +47,10 @@
<div class="ui-widget"> <div class="ui-widget">
<label for="birds">London matches: </label> <label for="birds">London matches: </label>
<input id="birds" /> <input id="birds">
</div> </div>
<div class="ui-widget" style="margin-top:2em; font-family:Arial"> <div class="ui-widget" style="margin-top:2em; font-family: Arial, sans-serif">
Result: Result:
<div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div> <div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
</div> </div>

View File

@ -54,7 +54,7 @@
<button>Book Now!</button> <button>Book Now!</button>
</div> </div>
</fieldset> </fieldset>
<br/> <br>
<fieldset> <fieldset>
<legend>Rental Car</legend> <legend>Rental Car</legend>
<div class="controlgroup-vertical"> <div class="controlgroup-vertical">

View File

@ -37,7 +37,7 @@
<option>Delete</option> <option>Delete</option>
</select> </select>
</div> </div>
<br/> <br>
<h3>Output:</h3> <h3>Output:</h3>
<ul class="output"></ul> <ul class="output"></ul>
</div> </div>

View File

@ -16,7 +16,7 @@
</head> </head>
<body> <body>
<p>Date: <input type="text" id="datepicker">&nbsp;<input type="text" id="alternate" size="30"/></p> <p>Date: <input type="text" id="datepicker">&nbsp;<input type="text" id="alternate" size="30"></p>
<div class="demo-description"> <div class="demo-description">
<p>Populate an alternate field with its own date format whenever a date is selected using the <code>altField</code> and <code>altFormat</code> options. This feature could be used to present a human-friendly date for user selection, while passing a more computer-friendly date through for further processing.</p> <p>Populate an alternate field with its own date format whenever a date is selected using the <code>altField</code> and <code>altFormat</code> options. This feature could be used to present a human-friendly date for user selection, while passing a more computer-friendly date through for further processing.</p>

View File

@ -16,9 +16,9 @@
</head> </head>
<body> <body>
<p>Date: <input type="text" id="datepicker" size="30"/></p> <p>Date: <input type="text" id="datepicker" size="30"></p>
<p>Animations:<br /> <p>Animations:<br>
<select id="anim"> <select id="anim">
<option value="show">Show (default)</option> <option value="show">Show (default)</option>
<option value="slideDown">Slide down</option> <option value="slideDown">Slide down</option>

View File

@ -16,9 +16,9 @@
</head> </head>
<body> <body>
<p>Date: <input type="text" id="datepicker" size="30"/></p> <p>Date: <input type="text" id="datepicker" size="30"></p>
<p>Format options:<br /> <p>Format options:<br>
<select id="format"> <select id="format">
<option value="mm/dd/yy">Default - mm/dd/yy</option> <option value="mm/dd/yy">Default - mm/dd/yy</option>
<option value="yy-mm-dd">ISO 8601 - yy-mm-dd</option> <option value="yy-mm-dd">ISO 8601 - yy-mm-dd</option>

View File

@ -42,9 +42,9 @@
<body> <body>
<label for="from">From</label> <label for="from">From</label>
<input type="text" id="from" name="from"/> <input type="text" id="from" name="from">
<label for="to">to</label> <label for="to">to</label>
<input type="text" id="to" name="to"/> <input type="text" id="to" name="to">
<div class="demo-description"> <div class="demo-description">
<p>Select the date range to search for.</p> <p>Select the date range to search for.</p>

View File

@ -17,7 +17,7 @@
</head> </head>
<body> <body>
<p>Date: <input type="text" id="datepicker"/>&nbsp; <p>Date: <input type="text" id="datepicker">&nbsp;
<select id="locale"> <select id="locale">
<option value="ar">Arabic (&#8235;(&#1575;&#1604;&#1593;&#1585;&#1576;&#1610;&#1577;</option> <option value="ar">Arabic (&#8235;(&#1575;&#1604;&#1593;&#1585;&#1576;&#1610;&#1577;</option>
<option value="zh-TW">Chinese Traditional (&#32321;&#39636;&#20013;&#25991;)</option> <option value="zh-TW">Chinese Traditional (&#32321;&#39636;&#20013;&#25991;)</option>

View File

@ -26,7 +26,7 @@
<p>I'm a snap target</p> <p>I'm a snap target</p>
</div> </div>
<br style="clear:both" /> <br style="clear:both">
<div id="draggable" class="draggable ui-widget-content"> <div id="draggable" class="draggable ui-widget-content">
<p>Default (snap: true), snaps to all other draggable elements</p> <p>Default (snap: true), snaps to all other draggable elements</p>

View File

@ -139,25 +139,25 @@
<ul id="gallery" class="gallery ui-helper-reset ui-helper-clearfix"> <ul id="gallery" class="gallery ui-helper-reset ui-helper-clearfix">
<li class="ui-widget-content ui-corner-tr"> <li class="ui-widget-content ui-corner-tr">
<h5 class="ui-widget-header">High Tatras</h5> <h5 class="ui-widget-header">High Tatras</h5>
<img src="images/high_tatras_min.jpg" alt="The peaks of High Tatras" width="96" height="72" /> <img src="images/high_tatras_min.jpg" alt="The peaks of High Tatras" width="96" height="72">
<a href="images/high_tatras.jpg" title="View larger image" class="ui-icon ui-icon-zoomin">View larger</a> <a href="images/high_tatras.jpg" title="View larger image" class="ui-icon ui-icon-zoomin">View larger</a>
<a href="link/to/trash/script/when/we/have/js/off" title="Delete this image" class="ui-icon ui-icon-trash">Delete image</a> <a href="link/to/trash/script/when/we/have/js/off" title="Delete this image" class="ui-icon ui-icon-trash">Delete image</a>
</li> </li>
<li class="ui-widget-content ui-corner-tr"> <li class="ui-widget-content ui-corner-tr">
<h5 class="ui-widget-header">High Tatras 2</h5> <h5 class="ui-widget-header">High Tatras 2</h5>
<img src="images/high_tatras2_min.jpg" alt="The chalet at the Green mountain lake" width="96" height="72" /> <img src="images/high_tatras2_min.jpg" alt="The chalet at the Green mountain lake" width="96" height="72">
<a href="images/high_tatras2.jpg" title="View larger image" class="ui-icon ui-icon-zoomin">View larger</a> <a href="images/high_tatras2.jpg" title="View larger image" class="ui-icon ui-icon-zoomin">View larger</a>
<a href="link/to/trash/script/when/we/have/js/off" title="Delete this image" class="ui-icon ui-icon-trash">Delete image</a> <a href="link/to/trash/script/when/we/have/js/off" title="Delete this image" class="ui-icon ui-icon-trash">Delete image</a>
</li> </li>
<li class="ui-widget-content ui-corner-tr"> <li class="ui-widget-content ui-corner-tr">
<h5 class="ui-widget-header">High Tatras 3</h5> <h5 class="ui-widget-header">High Tatras 3</h5>
<img src="images/high_tatras3_min.jpg" alt="Planning the ascent" width="96" height="72" /> <img src="images/high_tatras3_min.jpg" alt="Planning the ascent" width="96" height="72">
<a href="images/high_tatras3.jpg" title="View larger image" class="ui-icon ui-icon-zoomin">View larger</a> <a href="images/high_tatras3.jpg" title="View larger image" class="ui-icon ui-icon-zoomin">View larger</a>
<a href="link/to/trash/script/when/we/have/js/off" title="Delete this image" class="ui-icon ui-icon-trash">Delete image</a> <a href="link/to/trash/script/when/we/have/js/off" title="Delete this image" class="ui-icon ui-icon-trash">Delete image</a>
</li> </li>
<li class="ui-widget-content ui-corner-tr"> <li class="ui-widget-content ui-corner-tr">
<h5 class="ui-widget-header">High Tatras 4</h5> <h5 class="ui-widget-header">High Tatras 4</h5>
<img src="images/high_tatras4_min.jpg" alt="On top of Kozi kopka" width="96" height="72" /> <img src="images/high_tatras4_min.jpg" alt="On top of Kozi kopka" width="96" height="72">
<a href="images/high_tatras4.jpg" title="View larger image" class="ui-icon ui-icon-zoomin">View larger</a> <a href="images/high_tatras4.jpg" title="View larger image" class="ui-icon ui-icon-zoomin">View larger</a>
<a href="link/to/trash/script/when/we/have/js/off" title="Delete this image" class="ui-icon ui-icon-trash">Delete image</a> <a href="link/to/trash/script/when/we/have/js/off" title="Delete this image" class="ui-icon ui-icon-trash">Delete image</a>
</li> </li>

View File

@ -24,7 +24,7 @@
<p> <p>
<label for="amount">Target sales goal (Millions):</label> <label for="amount">Target sales goal (Millions):</label>
<input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;" /> <input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">
</p> </p>
<div id="slider-range" style="height:250px;"></div> <div id="slider-range" style="height:250px;"></div>

View File

@ -25,7 +25,7 @@
<p> <p>
<label for="amount">Price range:</label> <label for="amount">Price range:</label>
<input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;" /> <input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">
</p> </p>
<div id="slider-range"></div> <div id="slider-range"></div>

View File

@ -24,7 +24,7 @@
<p> <p>
<label for="amount">Minimum number of bedrooms:</label> <label for="amount">Minimum number of bedrooms:</label>
<input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;" /> <input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">
</p> </p>
<div id="slider-range-max"></div> <div id="slider-range-max"></div>

View File

@ -24,7 +24,7 @@
<p> <p>
<label for="amount">Maximum price:</label> <label for="amount">Maximum price:</label>
<input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;" /> <input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">
</p> </p>
<div id="slider-range-min"></div> <div id="slider-range-min"></div>

View File

@ -25,7 +25,7 @@
<p> <p>
<label for="amount">Volume:</label> <label for="amount">Volume:</label>
<input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;" /> <input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">
</p> </p>
<div id="slider-vertical" style="height:200px;"></div> <div id="slider-vertical" style="height:200px;"></div>

View File

@ -24,7 +24,7 @@
<p> <p>
<label for="amount">Donation amount ($50 increments):</label> <label for="amount">Donation amount ($50 increments):</label>
<input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;" /> <input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">
</p> </p>
<div id="slider"></div> <div id="slider"></div>

View File

@ -25,7 +25,7 @@
<p> <p>
<label for="spinner">Select a value:</label> <label for="spinner">Select a value:</label>
<input id="spinner" name="value" /> <input id="spinner" name="value">
</p> </p>
<div class="demo-description"> <div class="demo-description">

View File

@ -43,37 +43,37 @@
<input type="checkbox" id="check"><label for="check">Toggle</label> <input type="checkbox" id="check"><label for="check">Toggle</label>
<input type="checkbox" id="check2"><label for="check2">Checkbox</label> <input type="checkbox" id="check2"><label for="check2">Checkbox</label>
<label for="checkbox-method-refresh" id="checkbox-method-refresh-label">checkbox refresh</label> <label for="checkbox-method-refresh" id="checkbox-method-refresh-label">checkbox refresh</label>
<input type="checkbox" id="checkbox-method-refresh"/> <input type="checkbox" id="checkbox-method-refresh">
<label for="checkbox-method-destroy" class="bar" id="checkbox-method-destroy-label">checkbox refresh</label> <label for="checkbox-method-destroy" class="bar" id="checkbox-method-destroy-label">checkbox refresh</label>
<input type="checkbox" class="foo" id="checkbox-method-destroy"/> <input type="checkbox" class="foo" id="checkbox-method-destroy">
<label for="checkbox-method-disable">checkbox refresh</label> <label for="checkbox-method-disable">checkbox refresh</label>
<input type="checkbox" class="foo" id="checkbox-method-disable"/> <input type="checkbox" class="foo" id="checkbox-method-disable">
<label for="radio-method-refresh" id="radio-method-refresh-label">radio refresh</label> <label for="radio-method-refresh" id="radio-method-refresh-label">radio refresh</label>
<input type="radio" id="radio-method-refresh"/> <input type="radio" id="radio-method-refresh">
<label for="radio-method-destroy" class="bar" id="radio-method-destroy-label">radio refresh</label> <label for="radio-method-destroy" class="bar" id="radio-method-destroy-label">radio refresh</label>
<input type="radio" class="foo" id="radio-method-destroy"/> <input type="radio" class="foo" id="radio-method-destroy">
<label for="radio-method-disable">radio refresh</label> <label for="radio-method-disable">radio refresh</label>
<input type="radio" class="foo" id="radio-method-disable"/> <input type="radio" class="foo" id="radio-method-disable">
<label for="checkbox-option-disabled">checkbox disabled</label> <label for="checkbox-option-disabled">checkbox disabled</label>
<input type="checkbox" class="foo" id="checkbox-option-disabled"/> <input type="checkbox" class="foo" id="checkbox-option-disabled">
<label for="checkbox-option-icon">checkbox icon</label> <label for="checkbox-option-icon">checkbox icon</label>
<input type="checkbox" class="foo" id="checkbox-option-icon"/> <input type="checkbox" class="foo" id="checkbox-option-icon">
<label for="checkbox-option-label">checkbox label<input type="checkbox" class="foo" id="checkbox-option-label"/></label> <label for="checkbox-option-label">checkbox label<input type="checkbox" class="foo" id="checkbox-option-label"></label>
<label> <label>
<input type="checkbox" id="label-with-no-for"/> <input type="checkbox" id="label-with-no-for">
</label> </label>
<label> <label>
<input type="checkbox" id="label-with-no-for-with-html"/> <input type="checkbox" id="label-with-no-for-with-html">
<strong>Hi</strong>, <em>I'm a label</em> <strong>Hi</strong>, <em>I'm a label</em>
</label> </label>
<label> <label>
<input type="checkbox" id="label-with-no-for-with-text"/> <input type="checkbox" id="label-with-no-for-with-text">
Hi, I'm a label Hi, I'm a label
</label> </label>
<label> <label>
<input type="checkbox" id="label-with-no-for-with-html-like-text"/> <input type="checkbox" id="label-with-no-for-with-html-like-text">
&lt;em&gt;Hi, I'm a label&lt;/em&gt; &lt;em&gt;Hi, I'm a label&lt;/em&gt;
</label> </label>

View File

@ -20,7 +20,7 @@
<option>Slow</option> <option>Slow</option>
</select> </select>
<label for="checkbox">Checkbox</label> <label for="checkbox">Checkbox</label>
<input type="checkbox" value="checkbox" id="checkbox" /> <input type="checkbox" value="checkbox" id="checkbox">
<select> <select>
<option>Fast</option> <option>Fast</option>
<option>Medium</option> <option>Medium</option>

View File

@ -152,7 +152,7 @@
<option value="center">center</option> <option value="center">center</option>
<option value="right">right</option> <option value="right">right</option>
</select> </select>
</label><br /> </label><br>
<label id="current">jQuery UI Scale Animation Test</label> <label id="current">jQuery UI Scale Animation Test</label>
<button id="cyclePrev">Back</button> <button id="cyclePrev">Back</button>
<button id="doAnim">Run Animation</button> <button id="doAnim">Run Animation</button>