Exempel på olika typer av inmatningfält

Sidan innehåller exempel på olika textimatningsfält, kryssrutor, radioknappar och valboxar.

---

Textinmatningsfält

Fält markerade med * är obligatoriska och måste fyllas i.

Namn *

Organisation*

Exempelkod

<p>Fält markerade med * är obligatoriska och
måste fyllas i.</p>
<label for="name">Namn *</label>
<input type="text" name="name" id="name"
style="width: 300px"/>  
<label for="organisation">Organisation*</span></label>
<input type="text" name="surname"
id="organisation" style="width: 300px"/>  

Stort textinmatningsfält

Övriga synpunkter

Exempelkod

<label for=comments>Övriga synpunkter</label>
<textarea id=comments name=comments rows="5" cols="50">
</textarea>

Textinamtningsfält för lösenord

Din personliga kod:

Exempelkod

<label for="kod">Din personliga kod:</label>
<input id="kod" type="password" maxlength="8" />

Kryssrutor

Välj intesseområden:

Kompetensutveckling
Webbutveckling
IT-ramavtal

Exempelkod

<fieldset>
<legend>Välj intesseområden:</legend><br>
<input id="komputv" type="checkbox" name="intresseomr1"
value="checkbox" />
<label for="komputv"> Kompetensutveckling</label><br>
<input id="webbutveckling" type="checkbox"
name="intresseomr2" value="checkbox" />
<label for="webbutveckling">Webbutveckling</label><br>
<input id="it-ramavtal" type="checkbox" name="intresseomr3"
value="checkbox" />
<label for="it-ramavtal">IT-ramavtal</label>
</fieldset>

Enstaka kryssruta

Jag har läst och godkänner villkoren för kursanmälan och samtycker till att mina personuppgifter behandlas (nytt fönster).

Exempelkod

<input class=option id=villkor type=checkbox name=villkor>
<label for=villkor>Jag har läst och godkänner
<a href="#kursvillkor">villkoren för kursanmälan</a>
och samtycker till att mina
<ahref="http://www.kommun.se/om-webbplatsen/juridisk-info"
target=_blank>
personuppgifter behandlas (nytt fönster)</a>.</label>

Radioknappar

Inom vilken sorts organisation jobbar du?

Statlig myndighet
Landsting/region
Kommun

Exempelkod

<fieldset>
<legend>Inom vilken sorts organisation jobbar du?</legend>
<br>
<label for="org1">
  <input type="radio" name="myndighet" id="org1"
  value="myndighet" checked="checked" />
  Statlig myndighet</label>
<label for="org2">
  <input type="radio" name="landsting" id="org2"
  value="landsting" />Landsting/region</label>
<label for="org3">
  <input type="radio" name="kommun" id="org3"
  value="kommun" />Kommun</label>
</fieldset>

Valbox

Typ av organisationStatlig myndighetLandsting/regionKommunFöretagAnnat

Exempelkod

<label for=orgtype>Typ av organisation</label>
<select id=orgtype name=orgtype>
<option value=1 selected>Statlig myndighet</option>
<option value=2>Landsting/region</option>
<option value=3>Kommun</option>
<option value=4>Företag</option>
<option value=5>Annat</option>
</select>

Senast uppdaterad 2006-10-31