<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="email">
- (
kun på iPhone)
Browsere, der ikke forstår elementet, vil vise det som en <input type="text" />
Siden er opdateret 10. 4. 2012
Nyt i HTML 5
Denne inputtype tillader brugeren at indtaste en email-adresse. Adressens mulige validitet vil automatisk blive tjekket ved "Send".
<form action="#">
E-mail: <input type="email" name="user-email" /><br />
<input type="submit" />
</form>
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
- 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