https://webbling.se/index.php?action=history&feed=atom&title=Textarea
Textarea - Versionshistorik
2026-04-26T21:55:02Z
Versionshistorik för denna sida på wikin
MediaWiki 1.43.0
https://webbling.se/index.php?title=Textarea&diff=4574&oldid=prev
PGJ: /* Exempel */
2019-01-30T13:36:12Z
<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.36</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l35">Rad 35:</td>
<td colspan="2" class="diff-lineno">Rad 35:</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>; <code>´soft</code> : Lägger inte till några egna radbrytningar. Detta är förvalet.</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>; <code>´soft</code> : Lägger inte till några egna radbrytningar. Detta är förvalet.</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;">aXBYqj</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;">350</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;"><textarea placeholder</del>="<del style="font-weight: bold; text-decoration: none;">Skriv in ditt livshistoria</del>" <del style="font-weight: bold; text-decoration: none;">name</del>="<del style="font-weight: bold; text-decoration: none;">StoryOfMyLife</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;">textarea</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;"></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=Textarea&diff=285&oldid=prev
PGJ: /* maxlength */
2014-08-24T17:05:52Z
<p><span class="autocomment">maxlength</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 24 augusti 2014 kl. 17.05</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l12">Rad 12:</td>
<td colspan="2" class="diff-lineno">Rad 12:</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>Talar om vilket formulär elementet är associerat till. Attributets värde sätt till den [[id]] som formuläret har. Detta möjliggör att man kan placera knappar var som helst i en sida, inte enbart inuti i själva formuläret.</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>Talar om vilket formulär elementet är associerat till. Attributets värde sätt till den [[id]] som formuläret har. Detta möjliggör att man kan placera knappar var som helst i en sida, inte enbart inuti i själva formuläret.</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>=== <code>maxlength</code>===</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>=== <code>maxlength</code>===</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;"> </del>Anger hur många tecken användaren ska kunna skriva in. Om inget anges, finns det ingen begränsning.</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>Anger hur många tecken användaren ska kunna skriva in. Om inget anges, finns det ingen begränsning.</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> </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>=== <code>name</code> ===</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>=== <code>name</code> ===</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>Namnet på fältet.</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>Namnet på fältet.</div></td></tr>
</table>
PGJ
https://webbling.se/index.php?title=Textarea&diff=284&oldid=prev
PGJ: /* cols */
2014-08-24T17:05:43Z
<p><span class="autocomment">cols</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 24 augusti 2014 kl. 17.05</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l5">Rad 5:</td>
<td colspan="2" class="diff-lineno">Rad 5:</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>Specificerar att fältet ska ha fokus när sidan laddas. Enbart ett [[HTML-element]] per dokument kan ha denna tagg.</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>Specificerar att fältet ska ha fokus när sidan laddas. Enbart ett [[HTML-element]] per dokument kan ha denna tagg.</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>=== <code>cols</code> ===</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>=== <code>cols</code> ===</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;"> </del>Anger hur brett fältet ska vara, anges i tecken. Om inget annat anges är förvalet <code>20</code>.</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>Anger hur brett fältet ska vara, anges i tecken. Om inget annat anges är förvalet <code>20</code>.</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> </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>=== <code>disabled</code> ===</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>=== <code>disabled</code> ===</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>Indikerar att elementet inte ska vara aktivt och användbart. Om attributet inte är specificerat ärver elementet inställningen ifrån det element som innehåller den, t.ex. ett <code>[[<fieldset>]]</code>. Om detta attribut inte är specificerat och det inte finns något att ärva, är elementet aktivt.</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>Indikerar att elementet inte ska vara aktivt och användbart. Om attributet inte är specificerat ärver elementet inställningen ifrån det element som innehåller den, t.ex. ett <code>[[<fieldset>]]</code>. Om detta attribut inte är specificerat och det inte finns något att ärva, är elementet aktivt.</div></td></tr>
</table>
PGJ
https://webbling.se/index.php?title=Textarea&diff=283&oldid=prev
PGJ: Skapade sidan med 'Används för att skapa ett flerraders-textfält i formulär. == Tillgängliga attribut == De globala attributen är tillgängliga för denna tagg. === <code>autofocus</co...'
2014-08-24T17:05:26Z
<p>Skapade sidan med 'Används för att skapa ett flerraders-textfält i formulär. == Tillgängliga attribut == De <a href="/index.php/Globala_attribut" title="Globala attribut">globala attributen</a> är tillgängliga för denna tagg. === <code>autofocus</co...'</p>
<p><b>Ny sida</b></p><div>Används för att skapa ett flerraders-textfält i formulär.<br />
== Tillgängliga attribut ==<br />
De [[globala attribut]]en är tillgängliga för denna tagg.<br />
=== <code>autofocus</code> ===<br />
Specificerar att fältet ska ha fokus när sidan laddas. Enbart ett [[HTML-element]] per dokument kan ha denna tagg.<br />
=== <code>cols</code> ===<br />
Anger hur brett fältet ska vara, anges i tecken. Om inget annat anges är förvalet <code>20</code>.<br />
=== <code>disabled</code> ===<br />
Indikerar att elementet inte ska vara aktivt och användbart. Om attributet inte är specificerat ärver elementet inställningen ifrån det element som innehåller den, t.ex. ett <code>[[<fieldset>]]</code>. Om detta attribut inte är specificerat och det inte finns något att ärva, är elementet aktivt.<br />
=== <code>form</code> ===<br />
Talar om vilket formulär elementet är associerat till. Attributets värde sätt till den [[id]] som formuläret har. Detta möjliggör att man kan placera knappar var som helst i en sida, inte enbart inuti i själva formuläret.<br />
=== <code>maxlength</code>===<br />
Anger hur många tecken användaren ska kunna skriva in. Om inget anges, finns det ingen begränsning.<br />
=== <code>name</code> ===<br />
Namnet på fältet.<br />
=== <code>placeholder</code> ===<br />
Används för att ge användaren en ledtråd om vad som ska skrivas in i fältet.<br />
=== <code>rows</code> ===<br />
Antal synliga textrader.<br />
=== <code>selectionDirection</code> ===<br />
Anger i vilken riktning ett urval görs. Kan vara:<br />
; <code>forward</code> :<br />
; <code>backward</code> :<br />
=== <code>selectionEnd</code> ===<br />
Anger vilket tecken som är det sista som ska vara valt.<br />
=== <code>selectionstart</code> ===<br />
Anger vilket tecken som är det första som ska vara valt.<br />
=== <code>spellcheck</code>===<br />
Anger om fältet ska stavningskontrolleras eller ej.<br />
=== <code>wrap</code>===<br />
Anger hur rader ska brytas i fältet. Möjliga värden är:<br />
; <code>hard</code> : Webbläsaren lägger till radbrytningar (CR+LF) så att raderna bryts där <code>col</code>-attributet anger att en rad slutar.<br />
; <code>´soft</code> : Lägger inte till några egna radbrytningar. Detta är förvalet.<br />
== Exempel ==<br />
<syntaxhighlight lang="html5"><br />
<textarea placeholder="Skriv in ditt livshistoria" name="StoryOfMyLife"><br />
</textarea><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-textarea-element<br />
=== Taggens definition i HTML5-standarden ===<br />
http://www.w3.org/TR/html5/forms.html#the-textarea-element</div>
PGJ