https://webbling.se/index.php?action=history&feed=atom&title=Option
Option - Versionshistorik
2026-04-26T23:45:54Z
Versionshistorik för denna sida på wikin
MediaWiki 1.43.0
https://webbling.se/index.php?title=Option&diff=4517&oldid=prev
PGJ: /* Exempel */
2019-01-29T08:02:58Z
<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 29 januari 2019 kl. 08.02</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l11">Rad 11:</td>
<td colspan="2" class="diff-lineno">Rad 11:</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>Används för att ange ett värde som rapporteras när denna rad är vald. Om denna inte är satt kommer värdet att sättas till valets text (taget antingen ifrån <code>label</code> eller ifrån elementets innehåll).</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>Används för att ange ett värde som rapporteras när denna rad är vald. Om denna inte är satt kommer värdet att sättas till valets text (taget antingen ifrån <code>label</code> eller ifrån elementets innehåll).</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><<del style="font-weight: bold; text-decoration: none;">syntaxhighlight lang</del>="<del style="font-weight: bold; text-decoration: none;">html5</del>"<del style="font-weight: bold; text-decoration: none;">></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><<ins style="font-weight: bold; text-decoration: none;">codepen pen</ins>="<ins style="font-weight: bold; text-decoration: none;">ErgVMJ</ins>" <ins style="font-weight: bold; text-decoration: none;">tab</ins>="<ins style="font-weight: bold; text-decoration: none;">html,result</ins>" <ins style="font-weight: bold; text-decoration: none;">height</ins>="<ins style="font-weight: bold; text-decoration: none;">200</ins>"></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><del style="font-weight: bold; text-decoration: none;"><select name</del>="<del style="font-weight: bold; text-decoration: none;">val</del>"<del style="font-weight: bold; text-decoration: none;">></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></<ins style="font-weight: bold; text-decoration: none;">codepen</ins>></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><del style="font-weight: bold; text-decoration: none;"> <option>Första valet</option></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> </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><del style="font-weight: bold; text-decoration: none;"> <option label</del>="<del style="font-weight: bold; text-decoration: none;">Andra valet</del>"<del style="font-weight: bold; text-decoration: none;">></option</del>></div></td><td colspan="2" class="diff-side-added"></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><del style="font-weight: bold; text-decoration: none;"> <option value="val3">Tredje valet</del></<del style="font-weight: bold; text-decoration: none;">option</del>></div></td><td colspan="2" class="diff-side-added"></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><del style="font-weight: bold; text-decoration: none;"></select></del></div></td><td colspan="2" class="diff-side-added"></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><del style="font-weight: bold; text-decoration: none;"></syntaxhighlight></del></div></td><td colspan="2" class="diff-side-added"></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=Option&diff=254&oldid=prev
PGJ: Skapade sidan med 'Används i formulär för att skapa val för <code>select</code>- och <code>datalist</code>-element. == Tillgängliga attribut == De [[globala attribut|globala attribu...'
2014-08-24T16:34:13Z
<p>Skapade sidan med 'Används i formulär för att skapa val för <code><a href="/index.php/Select" title="Select">select</a></code>- och <code><a href="/index.php/Datalist" title="Datalist">datalist</a></code>-element. == Tillgängliga attribut == De [[globala attribut|globala attribu...'</p>
<p><b>Ny sida</b></p><div>Används i formulär för att skapa val för <code>[[select]]</code>- och <code>[[datalist]]</code>-element.<br />
== Tillgängliga attribut ==<br />
De [[globala attribut|globala attributen]] är tillgängliga för denna tagg.<br />
=== <code>disabled</code> ===<br />
Om attributet är satt kan inte detta val väljas.<br />
=== <code>label</code> ===<br />
Kan användas för att sätta vilken text som ska visas för valet ifråga, om den inte är satt används innehållet i elementet som valtext.<br />
=== <code>selected</code> ===<br />
Används för att sätta en valrad som förvald. Det kan enbart förekomma en enda gång per fält.<br />
=== <code>value</code> ===<br />
Används för att ange ett värde som rapporteras när denna rad är vald. Om denna inte är satt kommer värdet att sättas till valets text (taget antingen ifrån <code>label</code> eller ifrån elementets innehåll).<br />
== Exempel ==<br />
<syntaxhighlight lang="html5"><br />
<select name="val"><br />
<option>Första valet</option><br />
<option label="Andra valet"></option><br />
<option value="val3">Tredje valet</option><br />
</select><br />
</syntaxhighlight><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-option-element<br />
=== Taggens definition i HTML5-standarden ===<br />
http://www.w3.org/TR/html5/forms.html#the-option-element</div>
PGJ