<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="search">
(
) 
(
)
af Erik Ginnerskov og Karl Erik Christensen
Internet Explorer, Firefox og Safari forstår officielt ikke elementet, men med den viste kode fungerer det nu udmærket alligevel, fordi browsere, der ikke forstår elementet, vil vise det som en <input type="text" />
Siden er opdateret 11. 4. 2012
Nyt i HTML 5
Denne inputtype tillader brugeren at foretage en søgning via formularen.
Søg på Google: <input type="search" name="q" size="25" maxlength="255" /><br />
<input type="hidden" name="as_sitesearch" value="din_hjemmeside.dk" />
<input type="submit" />
</form>
Vil på siden se sådan ud:
Hvis du undlader linjen <input type="hidden" ..>, vil søgningen være global i stedet for lokal.
Hvis du i formularen tilføjer disse linjer:
<legend>Vælg sprog</legend>
<input type="radio" value="da" name="hl" title="Dansk" /> Dansk<br />
<input type="radio" value="de" name="hl" title="Deutch" /> Deutch<br />
<input type="radio" value="en" name="hl" title="English" /> English<br />
<input type="radio" value="fr" name="hl" title="Français" />Français<br />
</fieldset>
... kan du lave en søgefunktion målrettet et bestemt sprogområde.
<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>.
