<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="checkbox">

Siden er opdateret 5. 4. 2012

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

Har du
<input type="checkbox" name="child" /> børn &nbsp; <input type="checkbox" name="grandchild" /> børnebørn ?

Vil på siden se sådan ud:

Har du
Børn     Børnebørn ?

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.

flere checkboxe i en gruppe vil kunne vælges samtid og vil uafhængig af hinanden kunne fravælges igen ved nyt klik.

<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