<input>

<input> anvendes til at lade brugeren sende information retur til webserveren.

Input-typer i strict og transitional:

button | checkbox | file | hidden | image | password | radio | reset | submit | text

Yderligere input-typer i html5:

color | date | datetime | datetime-local | email | month | number | range | search | tel | url | time | week

<input type="radio">

Siden er opdateret 5. 4. 2012

Denne inputtype sætter brugeren i stand til at tilvælge en af flere forud definerede værdier.

Er du<br />
<input type="radio" name="gender" value="male" /> Mand &nbsp; <input type="radio" name="gender" value="female" /> Kvinde ?

Er du<br />
<input type="radio" name="age" value="ung" /> Yngre end 20år &nbsp; <input type="radio" name="age" value="voksen" /> 20 år eller ældre ?

Vil på siden se sådan ud:

Er du
Mand     Kvinde ?

Er du
Yngre end 20 år     20 år eller ældre ?

Denne input-type kan kun i begrænset omfang styles med css og det er meget forskelligt hvordan de enkelte browsere håndterer dit forsøg på styling.

Kun en radio-input i en gruppe vil kunne vælges. En valgt radio-input vil kun kunne fravælges igen ved enten at genindlæse siden eller ved at klikke på en eventuel reset-knap i formularen.

<input> kan indeholdes i dd, div, fieldset, li, p og td

<input> er et tomt element, det kan ikke indeholde noget.

<input> må ikke lukkes i html, men skal lukkes i xhtml.

Attributter - to attributter er krævede, se også de fælles attributter - brug i stedet css til at style <input>.

• Attribut:

  name

  Sætter en label på de data, der sendes fra formularen - obligatorisk.

  type

  Definerer hvad det er for et input - obligatorisk.

  Værdier:

  • button
  • checkbox
  • file
  • hidden
  • image
  • password
  • radio
  • reset
  • submit
  • text

  size

  Angiver den synlige længde i em-enheder - kun anvendelig på de <input>, brugeren kan skrive i.

  maxlength

  Angiver det maksimale antal tegn, der kan skrives - kun anvendelig på de <input>, brugeren kan skrive i.

  accesskey

  Angiver et bestemt tastetryk, der vil sætte <input> i fokus.

  checked

  Sætter et forhåndsvalg - kun anvendelig i de <input>, brugeren kan markere ved klik.

  readonly

  Angiver, at brugeren ikke kan ændre indholdet i <input>.

  accept

  Angiver hvilke filtyper, der kan vælges - kun anvendelig i <input type="file" ...

  value

  Sætter en tekst på <input> af typerne button, reset og submit.

  tabindex

  Angiver rækkefølgen i hvilken man med [Tab]-tasten kan klikke sig frem til <input>.

^ Tilbage til sidens top

Valid XHTML og CSS / Copyright © Hjemmesideskolen marts 2009

FreeFind