HTML © Eva von Pepel

* [ HTML-referensbok ] * [ Referensböcker ] *

Formulär

Inledning, FORM, INPUT, TEXTAREA, SELECT, OPTION, OPTGROUP, LABEL, BUTTON, FIELDSET, LEGEND

Flerradiga textfält <TEXTAREA></TEXTAREA>

Markeras: <TEXTAREA></TEXTAREA> - båda obligatoriska

Får innehålla: #PCDATA (vanlig text inklusive entities)

Får finnas i: blockelement, inlineelement exklusive BUTTON

TEXTAREA skapar ett mångradigt textfält i vilket användaren kan lämna ett meddelande, skriva en kommentar eller dyl. Fältets storlek regleras med de obligatoriska attributen COLS (kolumner) som specificerar antal synliga tecken per rad och ROWS (rader) som specificerar antal synliga textrader. WWW-klienter förser fältet med en rullgardin så att hela texten kan ses/läsas i de fall då fältet är för litet.

Du behöver inte ha något innehåll mellan <TEXTAREA> och </TEXTAREA> men om du inkluderar det kommer detta innehåll att visas i det annars tomma fältet. TEXTAREAs innehåll skapar ett initialt värde och får enbart innehålla vanlig text inklusive entities. Mao kan du inte använda markord eller andra otillåtna tecken.

Det befintliga värdet (text som användaren har skrivit) skickas som ett NAME/VALUE-par under förutsättning att elementet finns inuti FORM. Observera att fr.o.m. HTML 4.0 behöver elementet inte vara inuti FORM.

Attribut

HTML 4.0 och HTML 4.0 TransitionalHTML 3.2
%attrs;
NAME=Cdata
ROWS=Number (O)
COLS=Number (O)
DISABLED=disabled
READONLY=readonly
TABINDEX=Number
ACCESSKEY=%Character
onfocus=%Script
onblur=%Script
onselect=%Script
onchange=%Script

NAME=Cdata (O)
ROWS=Number (O)
COLS=Number (O)

%attrs;

Beskrivs i HTML 4.0 - Attribut

NAME

Namnger control. Namnet paras ihop med ett befintligt värde - den ifyllda texten.

ROWS och COLS

Obligatoriska attribut. COLS (kolumner) specificerar det antal tecken som ska vara synliga på en rad medan ROWS (rader) specificerar det antal rader som ska vara synliga. Då fältet kan innehålla fler rader eller tecken per rad än de som görs synliga förser www-klienter fältet med en rullgardin som aktiveras först när antal tecken/rader överstiger de uppgivna värdena.

Andra attribut

Se INPUT för information om attributen: DISABLED, READONLY, TABINDEX, ACCESSKEY, onfocus, onblur, onselect onchange

Exempel

<FORM ACTION=".." METHOD=post>
...
<P>Skriv dina kommentarer här:<BR>
<TEXTAREA COLS=20 ROWS=4 NAME=kommentarer>Beträffande:</TEXTAREA>
<P><INPUT TYPE=submit><INPUT type=reset> </FORM>

Skriv dina kommentarer här:

* Bredden på INPUT och TEXTAREA i Internet Explorer

Attributet SIZE specificerar bredden på antal synliga tecken i enradiga textfält - INPUT, och attributet COLS i mångradiga fält - TEXTAREA. Även då värdena på dessa två attribut är samma renderar Internet Explorer INPUT-fältet en aning kortare än TEXTAREA-fältet som ger upphov till en viss frustration. Detta beror på att tecken i TEXTAREA visas i proportionella fonter och inte i normala som i INPUT. För att få de båda fälten lika breda måste du, med hjälp av CSS, ändra fonterna från proportionella till normala (eller tvärtom). Till exempel:

CSS HTML

<STYLE TYPE="text/css">
<!-- TEXTAREA, INPUT {font: normal 10pt Arial}
-->
</STYLE>

<P><INPUT NAME=namn1 TYPE=text SIZE=40">
<P><TEXTAREA NAME=namn2 ROWS=4 COLS=40>

Exempel

Detta är en förkortad version av KnowWares beställningsformulär som finns på http://www.knowware.se/bestall.html. Observera att HTML 4.0 Transitional används till att validera de centrerade styckena (<P ALIGN=center>) i slutet av formuläret.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">

<form method=post action="/cgi-bin/formmail.pl">

<P><input type=hidden name=recipient value="info@knowware.se"> <input type=hidden name=subject value="Beställning"></P>

<table>
<tr><th colspan=4>Beställare<br></th></tr>
<tr><td>Företag</td><td><INPUT TYPE="text" NAME="Företag"></td>
<td>Namn</td><td><INPUT TYPE="text" NAME="Namn"><br></td></tr>
<tr><td>Org.nr.</td><td><INPUT TYPE="text" NAME="Org"></td>
<td>Telefon</td><td><INPUT TYPE="text" NAME="Tel"><br></td></tr>
<tr><td>Adress</td><td><INPUT TYPE="text" NAME="Adress"></td>
<td>Telefax</td><td><INPUT TYPE="text" NAME="Fax"><br></td></tr>
<tr><td>Postadress</td><td><INPUT TYPE="text" NAME="Postadress"></td>
<td>Epost</td><td><INPUT TYPE="text" NAME="Epost"><br></td></tr>
</table>

<table border>
<tr><th>Nr</th><th>TITEL</th><th>ANTAL<br></th></tr>
<tr><td>041</td><td>Den svenska referensguiden HTML 3.2 (89 kr)</td>
<td><INPUT TYPE="text" NAME="order_041" SIZE="4"><br></td></tr>
<tr><td>048E</td><td>Reference Guide to HTML 3.2 (89 kr)</td>
<td><INPUT TYPE="text" NAME="order_048E" SIZE="4"><br></td></tr>
<tr><td>054</td><td>Formatering HTML-dokument med Style Sheets (69 kr)</td>
<td><INPUT TYPE="text" NAME="order_054" SIZE="4"><br></td></tr>
<tr><td>058</td><td>Programmering i Java, Del 1 (49 kr)</td>
<td><INPUT TYPE="text" NAME="order_058" SIZE="4"><br></td></tr>
<tr><td>061</td><td>Programmering i Java, Del 2 (49 kr)</td>
<td><INPUT TYPE="text" NAME="order_061" SIZE="4"><br></td></tr>
<tr><td>067</td><td>Tabeller i HTML 3.2 och HTML 4.0 (45 kr)</td>
<td><INPUT TYPE="text" NAME="order_067" SIZE="4"><br></td></tr>
</table>

<H4>Bekräftelse:</H4>

<p>Hör du inte av oss inom 48 timmar så skickar vi dina häften med A-Post.</p>
<p align=center><textarea cols=50 rows=4 name="Kommentarer">Ev meddelande:</textarea>

<p align=center> <INPUT TYPE="SUBMIT" VALUE="Skicka beställningen">
</FORM>

Beställare
FöretagNamn
Org.nr.Telefon
AdressTelefax
PostadressEpost
NrTITELANTAL
041Den svenska referensguiden HTML 3.2 (89 kr)
048EReference Guide to HTML 3.2 (89 kr)
054Formatering HTML-dokument med Style Sheets (69 kr)
058Programmering i Java, Del 1 (49 kr)
061Programmering i Java, Del 2 (49 kr)
067Tabeller i HTML 3.2 och HTML 4.0 (45 kr)

Bekräftelse:

Hör du inte av oss inom 48 timmar så skickar vi dina häften med A-Post.

Nästa SELECT OPTION OPTGROUP Menyrader

Upp | HTML-referensbok | Referensböcker

Valid HTML 4.0 dok. http://vonpepel.com/ref/ - Senaste uppdatering 10 september 1998