https://webbling.se/index.php?action=history&feed=atom&title=Meter
Meter - Versionshistorik
2026-04-26T21:55:45Z
Versionshistorik för denna sida på wikin
MediaWiki 1.43.0
https://webbling.se/index.php?title=Meter&diff=4570&oldid=prev
PGJ: /* Exempel */
2019-01-30T13:32:08Z
<p><span class="autocomment">Exempel</span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="sv">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Äldre version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versionen från 30 januari 2019 kl. 13.32</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l17">Rad 17:</td>
<td colspan="2" class="diff-lineno">Rad 17:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Anger värdet som ska visas. Om inte <code>min</code> och <code>max</code> är angivna ska värdet sättas mellan 0 och 1. Om man skulle råka sätta ett värde som ligger utanför gränserna, kommer webbläsaren att använda det närmaste möjliga värdet.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Anger värdet som ska visas. Om inte <code>min</code> och <code>max</code> är angivna ska värdet sättas mellan 0 och 1. Om man skulle råka sätta ett värde som ligger utanför gränserna, kommer webbläsaren att använda det närmaste möjliga värdet.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Exempel ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Exempel ==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><codepen pen="gpzwqx" tab="html" height="<del style="font-weight: bold; text-decoration: none;">100</del>"></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><codepen pen="gpzwqx" tab="html<ins style="font-weight: bold; text-decoration: none;">,result</ins>" height="<ins style="font-weight: bold; text-decoration: none;">200</ins>"></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><syntaxhighlight lang="html5"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><syntaxhighlight lang="html5"></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><p>Temperaturen är <meter low="0" high="100" value="30"></p></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><p>Temperaturen är <meter low="0" high="100" value="30"></p></div></td></tr>
</table>
PGJ
https://webbling.se/index.php?title=Meter&diff=1436&oldid=prev
PGJ: /* Exempel */
2015-07-09T14:20:49Z
<p><span class="autocomment">Exempel</span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="sv">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Äldre version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versionen från 9 juli 2015 kl. 14.20</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l17">Rad 17:</td>
<td colspan="2" class="diff-lineno">Rad 17:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Anger värdet som ska visas. Om inte <code>min</code> och <code>max</code> är angivna ska värdet sättas mellan 0 och 1. Om man skulle råka sätta ett värde som ligger utanför gränserna, kommer webbläsaren att använda det närmaste möjliga värdet.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Anger värdet som ska visas. Om inte <code>min</code> och <code>max</code> är angivna ska värdet sättas mellan 0 och 1. Om man skulle råka sätta ett värde som ligger utanför gränserna, kommer webbläsaren att använda det närmaste möjliga värdet.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Exempel ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Exempel ==</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><codepen pen="gpzwqx" tab="html" height="100"></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><syntaxhighlight lang="html5"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><syntaxhighlight lang="html5"></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><p>Temperaturen är <meter low="0" high="100" value="30"></p></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><p>Temperaturen är <meter low="0" high="100" value="30"></p></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></syntaxhighlight></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></syntaxhighlight></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></codepen></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Ovanstående exempel visar upp en mätaren med en skala ifrån 0 till 100, dess värde är satt till 30.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Ovanstående exempel visar upp en mätaren med en skala ifrån 0 till 100, dess värde är satt till 30.</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Referenser ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Referenser ==</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Taggens definition i [[WHATWG]]s levande HTML-standard ===</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Taggens definition i [[WHATWG]]s levande HTML-standard ===</div></td></tr>
</table>
PGJ
https://webbling.se/index.php?title=Meter&diff=248&oldid=prev
PGJ: Skapade sidan med 'Visar en mätare som anger ett värde på en skala. == Tillgängliga attribut == De globala attributen är tillgängliga för denna tagg. === <code>form</...'
2014-08-24T16:25:27Z
<p>Skapade sidan med 'Visar en mätare som anger ett värde på en skala. == Tillgängliga attribut == De <a href="/index.php/Globala_attribut" title="Globala attribut">globala attributen</a> är tillgängliga för denna tagg. === <code>form</...'</p>
<p><b>Ny sida</b></p><div>Visar en mätare som anger ett värde på en skala.<br />
== Tillgängliga attribut ==<br />
De [[globala attribut|globala attributen]] är tillgängliga för denna tagg.<br />
=== <code>form</code> ===<br />
Används enbart om elementet ligger i ett formulär. I det fallet anger det [[id]] för det fält som mätaren tillhör.<br />
=== <code>high</code> ===<br />
Används för att definiera vad som ska anses vara höga värden på mätaren. Måste vara högre än <code>min</code> och lägre eller lika med <code>max</code>.<br />
=== <code>low</code> ===<br />
Används för att definiera vad som ska anses vara låga värden på mätaren. Måste vara högre eller lika med <code>min</code> och lägre än <code>max</code>.<br />
=== <code>max</code> ===<br />
Det högsta värdet på mätaren. Måste vara högre än <code>min</code>.<br />
=== <code>min</code> ===<br />
Det lägsta värdet på mätaren. Måste vara lägre än <code>max</code>. Om det utelämnas är förvalet <code>0</code>.<br />
=== <code>optimum</code> ===<br />
Används för att ange vad som är det optimala värdet på mätaren. Det måste ligga inom spannet <code>low</code> till <code>high</code>.<br />
=== <code>value</code> ===<br />
Anger värdet som ska visas. Om inte <code>min</code> och <code>max</code> är angivna ska värdet sättas mellan 0 och 1. Om man skulle råka sätta ett värde som ligger utanför gränserna, kommer webbläsaren att använda det närmaste möjliga värdet.<br />
== Exempel ==<br />
<syntaxhighlight lang="html5"><br />
<p>Temperaturen är <meter low="0" high="100" value="30"></p><br />
</syntaxhighlight><br />
Ovanstående exempel visar upp en mätaren med en skala ifrån 0 till 100, dess värde är satt till 30.<br />
== Referenser ==<br />
=== Taggens definition i [[WHATWG]]s levande HTML-standard ===<br />
http://www.whatwg.org/specs/web-apps/current-work/multipage/the-button-element.html#the-meter-element<br />
=== Taggens definition i HTML5-standarden ===<br />
http://www.w3.org/TR/html5/the-meter-element.html#the-meter-element</div>
PGJ