<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.

<form id="googlesoegeform" name="google" action="http://www.google.dk/search" method="get" accept-charset="ISO-8859-1">
  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:

Søg på Google:

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:

<fieldset>
<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>.

^ Tilbage til sidens top

Valid HTML5 og CSS / Copyright © Hjemmesideskolen marts 2009
Hjemmesideskolen
Du er her: Forsiden - html - elementer - <input>
sidens top
Brugere lige nu: 1
Home Mail