<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
Input-typer i html5:
color | date | datetime | datetime-local | email | month | number | range | search | tel | time | url | week
<input type="text">
Siden er opdateret 5. 4. 2012
Denne inputtype tillader brugeren at indtaste enlinjet information i formularen.
<label for="f1">Navn: </label><input id="f1" type="text" name="foo" />
Vil på siden se sådan ud:
<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
- color - Nyt i HTML 5
- date - Nyt i HTML 5
- datetime - Nyt i HTML 5
- datetime-local - Nyt i HTML 5
- email - Nyt i HTML 5
- file
- hidden
- image
- month - Nyt i HTML 5
- number - Nyt i HTML 5
- password
- radio
- range - Nyt i HTML 5
- reset
- search - Nyt i HTML 5
- submit
- tel - Nyt i HTML 5
- text
- time - Nyt i HTML 5
- url - Nyt i HTML 5
- week - Nyt i HTML 5
- 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 HTML5 og CSS / Copyright © Hjemmesideskolen
marts 2009