PGJ: /* Exempel */

2019-01-30T13:29:31Z

Exempel

← Äldre version		Versionen från 30 januari 2019 kl. 13.29
Rad 121:		Rad 121:
	Om fältet är av typen <code>image</code> anger detta attribut bredden i [[CSS-pixlar]].		Om fältet är av typen <code>image</code> anger detta attribut bredden i [[CSS-pixlar]].
	== Exempel ==		== Exempel ==
	<codepen pen="OVZRLX" tab="html" height="~~100~~">		<codepen pen="OVZRLX" tab="html,result" height="200">
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<input type="text" name="ensträng">		<input type="text" name="ensträng">

PGJ: /* Exempel */

2015-07-09T12:52:08Z

Exempel

← Äldre version		Versionen från 9 juli 2015 kl. 12.52
Rad 121:		Rad 121:
	Om fältet är av typen <code>image</code> anger detta attribut bredden i [[CSS-pixlar]].		Om fältet är av typen <code>image</code> anger detta attribut bredden i [[CSS-pixlar]].
	== Exempel ==		== Exempel ==
	<codepen pen="OVZRLX" tab="html">		<codepen pen="OVZRLX" tab="html" height="100">
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<input type="text" name="ensträng">		<input type="text" name="ensträng">

PGJ: /* Exempel */

2015-07-09T12:51:54Z

Exempel

← Äldre version		Versionen från 9 juli 2015 kl. 12.51
Rad 121:		Rad 121:
	Om fältet är av typen <code>image</code> anger detta attribut bredden i [[CSS-pixlar]].		Om fältet är av typen <code>image</code> anger detta attribut bredden i [[CSS-pixlar]].
	== Exempel ==		== Exempel ==
			<codepen pen="OVZRLX" tab="html">
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<input type="text" name="ensträng">		<input type="text" name="ensträng">
	</syntaxhighlight>		</syntaxhighlight>
	Se formulär för fler exempel.		</codepen>
			Här skapas ett minimalt textfält. Se formulär för fler exempel.

	== Referenser ==		== Referenser ==
	=== Taggens definition i [[WHATWG]]s levande HTML-standard ===		=== Taggens definition i [[WHATWG]]s levande HTML-standard ===

PGJ: /* inputmode */

2014-08-24T15:50:54Z

inputmode

← Äldre version		Versionen från 24 augusti 2014 kl. 15.50
Rad 53:		Rad 53:
	; <code>tel</code> :För att skriva in telefonnummer.		; <code>tel</code> :För att skriva in telefonnummer.
	; <code>email</code> :För att skriva in mejladresser.		; <code>email</code> :För att skriva in mejladresser.
	; <code>url</code> :För att skriva in [[~~url\|URLer~~]].		; <code>url</code> :För att skriva in [[URL]]er.

	=== <code>list</code> ===		=== <code>list</code> ===
	Pekar på en lista med möjliga förval, måste sättas till den id på <code>[[datalist]]</code> som innehåller förvalen.		Pekar på en lista med möjliga förval, måste sättas till den id på <code>[[datalist]]</code> som innehåller förvalen.

PGJ: Skapade sidan med 'Denna tag används för att skapa diverse gränssnitt-komponenter i ett formulär. Taggen kan användas till att skapa en mängd olika komponenter. Se formulär för mer ...'

2014-08-24T15:50:24Z

Skapade sidan med 'Denna tag används för att skapa diverse gränssnitt-komponenter i ett formulär. Taggen kan användas till att skapa en mängd olika komponenter. Se formulär för mer ...'

Ny sida

Denna tag används för att skapa diverse gränssnitt-komponenter i ett formulär. Taggen kan användas till att skapa en mängd olika komponenter.

Se [[formulär]] för mer info och exempel.
== Tillgängliga attribut ==
De [[globala attribut|globala attributen]] är tillgängliga för denna tagg.
=== <code>accept</code> ===
Används för att begränsa vilka typer av filer som ska kunna laddas upp om detta är ett <code>file</code>-fält. Som parameter sätts en sträng med kommaseparerat innehåll. Följande värden kan förekomma i strängen:
* En punkt följt av en filändelse, t.ex. "<code>.jpg</code>, <code>.png</code>".
* En [[MIME]]-typ, några exempel:
** <code>audio/*</code> för olika typer av ljudfiler.
** <code>video/*</code> för olika typer av videofiler.
** <code>image/*</code> för olika typer av grafikfiler.
=== <code>autocomplete</code> ===
Anger om formulär-elementet ska fyllas i automatiskt med det värde som användaren tidigare angett i likvärdig element. Möjliga värden är:
; <code>off</code>: Inga tidigare värden fylls i.
; <code>on</code>: Om användaren använt detta formulär förut, kommer eventuella värden ifrån tidigare omgångar visas som föreslagna förval.
=== <code>autofocus</code> ===
Specificerar att fältet ska ha fokus när sidan laddas. Enbart ett [[HTML-element]] per dokument kan ha denna tagg.
=== <code>autosave</code> ===
Det användaren skriver in i ett sökfält sparas undan som sökhistorik. Med detta attribut kan man ange namnet på en kategori i sökhistoriken för att på så vis gruppera samman liknande sökningar.
=== <code>checked</code> ===
Anger att ett fält av typen <code>checkbox</code> eller <code>radio</code> är ikryssad.
=== <code>disabled</code> ===
Indikerar att fält inte ska vara aktivt och användbart. Fält som är markerade som <code>disabled</code> skickar inte med sina värden till servern.
=== <code>formaction</code> ===
Sätts till en [[URL]] som ska behandla data ifrån fältet. Om denna är satt kommer denna [[URL]] att gälla istället för den som är definierad för formuläret.
=== <code>formenctype</code> ===
Om fältet är en form av <code>[[submit]]-knapp</code> avgör detta attribut hur formulärets innehåll ska skickas till servern. Möjliga värden är:
; <code>application/x-www-form-urlencoded</code> : Detta är förvalet om inget annat anges.
; <code>multipart/form-data</code> : Använd detta om du har en <code>[[input]]-tagg</code> som har <code>[[type]]</code> satt till <code>file</code>.
; text/plain :
Om detta attribut är satt kommer dess värde att gälla istället för formulärets värde.
=== <code>formmethod</code> ===
Om fältet är en form av <code>[[submit]]-knapp</code> avgör detta attribut vilken [[HTTP]]-method som webbläsaren ska använda för att skicka in formulärdatan. Se [[formulär]] för mer information om hur dessa parametrar fungerar. Möjliga värden är:
; <code>post</code> : All formulärdata inkluderas i HTTP-meddelandet.
; <code>get</code> : All formulärdata läggs till i slutet av [[URI|URI:n]].
=== <code>formnovalidate</code> ===
Om fältet är en form av <code>[[submit]]</code>-knapp sätter detta attribut att formuläret inte ska valideras innan det skickas in. Om attributet är angivet kommer det att gälla istället för eventuellt <code>novalidate</code>-attribut i formuläret.
=== <code>formtarget</code> ===
Om fältet är en form av <code>[[submit]]</code>-knapp anger detta attribut var resultatdatat ska visas. Sätt antingen till ett av de speciella värdena eller namnet på en [[browsing context]]. Se [[browsing context]] för mer information.
=== <code>height</code> ===
Om fältet är av typen <code>image</code>, anger detta höjden i [[CSS-pixlar]].
=== <code>inputmode</code> ===
Föreslår vilken typ av tangentbord som webbläsaren ska visa. Möjliga värden är:
; <code>verbatim</code> : Ett vanligt alfanumeriskt tangentbord, avsett för att skriva in namn, lösenord och liknande.
; <code>latin</code> : Ett vanligt alfanumeriskt tangentbord, avsett för att skriva in text i sökboxar och liknande.
; <code>latin-name</code> : Som <code>latin</code> fast avsett för namn.
; <code>latin-prose</code> :Som <code>latin</code> fast avsett för IM och liknande.
; <code>latin-width-latin</code>: Som <code>latin</code> fast avsett för andra språk än användarens förvalda språk.
; <code>kana</code> :För japanska.
; <code>katakana</code> :För japanska.
; <code>numeric</code> :För att skriva in olika nummer och tal.
; <code>tel</code> :För att skriva in telefonnummer.
; <code>email</code> :För att skriva in mejladresser.
; <code>url</code> :För att skriva in [[url|URLer]].
=== <code>list</code> ===
Pekar på en lista med möjliga förval, måste sättas till den id på <code>[[datalist]]</code> som innehåller förvalen.
=== <code>max</code> ===
Det högsta möjliga talet som kan skrivas in, måste vara högre än <code>min</code>.
=== <code>max-length</code> ===
Anger det högsta antalet tecken användaren kan skriva in.
=== <code>min</code> ===
Anger det lägsta talet som användaren kan skriva in. Måste vara lägre än <code>max</code>
=== <code>min-length</code> ===
Anger det lägsta antalet tecken användaren kan skriva in i fältet.
=== <code>multiple</code> ===
Anger om användaren kan skriv in mer än ett värde.
=== <code>pattern</code> ===
Ett [[reguljärt uttryck]] som fältet kontrolleras mot. Används för att kontrollera att rätt saker har skrivits in i fältet.
=== <code>placeholder</code> ===
Används för att ge användaren en ledtråd om vad som ska skrivas in i fältet.
=== <code>readonly</code> ===
Sätts på fält som användaren inte ska kunna redigera.
=== <code>required</code> ===
Sätt på de fält som användaren måste fylla i innan formuläret kan skickas in.
=== <code>selectionDirection</code> ===
Anger i vilken riktning ett urval görs. Kan vara:
; <code>forward</code> :
; <code>backward</code> :
; <code>unknown</code> : Om det är okänt
=== <code>size</code> ===
Om <code>type</code> är någon av textfält-typerna, anger detta hur många tecken brett fältet ska vara.
=== <code>spellcheck</code> ===
Anger om fältet ska stavningskontrolleras eller ej.
=== <code>src</code> ===
Om fältet är av typen <code>image</code> används detta attribut för att ange en [[URL]] till bilden.
=== <code>step</code> ===
Anger i hur stora steg fältförändringar ska ske.
=== <code>tabindex</code> ===
Anger i vilken ordning fälten ska komma när man tabbar sig mellan dem.
=== <code>name</code> ===
Namnet på elementet, används när datan skickas in till servern.
=== <code>type</code> ===
Anger vilken typ av komponent detta är. Kan sättas till följande värden:
; <code>button</code>: En knapp.
; <code>checkbox</code>: En kryssruta. Man måste ange <code>value</code>-attributet också. Den sätts till <code>checked</code> om rutan är ikryssad.
; <code>color</code> : Ett sätt att välja färger. I det enklaste utförande kanske man bara kan skriva in ett färgnamn. I andra fall kanske en palettväljare visas upp.
; <code>data</code> : Skapar ett fält som är till för att skriva in ett datum.
; <code>datetime</code> : Skapar ett fält som är till för att skriva in ett datum och en tid.
; <code>datetime-local</code> : Skapar ett fält som är till för att skriva in ett datum och en tid utan att behöva ange en tidszon.
; <code>email</code> : Skapar ett fält som är till för att skriva in en mejladress.
; <code>file</code> : Skapar ett fält som tillåter uppladdning av filer. Man kan lägg till ett <code>accept</code>-attribut för att sätta vilka typer av filer som ska få laddas upp.
; <code>hidden</code> :Skapar ett dold fält, som aldrig visas, men vars värde skickas med till servern.
; <code>image</code> :Visar upp den angivna grafikfilen och använder den som en knapp.
; <code>month</code> :Används för att ange en månad.
; <code>number</code> :Används för att ange ett flyttal.
; <code>password</code> :Används för att skriva in ett lösenord.
; <code>radio</code> :En radioknapp.
; <code>range</code> :Används för att ange ett tal vars värde inte behöver vara alltför exakt.
; <code>reset</code> :En knapp som nollställer formuläret till de värden de hade när dokumentet laddades in.
; <code>search</code> :Används för att ange söksträngar.
; <code>submit</code> : En knapp som används för att skicka in formulärdatan till en server.
; <code>tel</code> :Ett fält avsett för telefonnummer.
; <code>text</code> :Ett enraders textfält.
; <code>url</code> :Ett textfält avsett för [[url|URLer]].
; <code>week</code> :Ett fält avsett för att ange ett veckonummer.
=== <code>value</code> ===
Det förvalda värde som fältet ska ha vid uppstart.
=== <code>width</code> ===
Om fältet är av typen <code>image</code> anger detta attribut bredden i [[CSS-pixlar]].
== Exempel ==
<syntaxhighlight lang="html5">
<input type="text" name="ensträng">
</syntaxhighlight>
Se formulär för fler exempel.
== Referenser ==
=== Taggens definition i [[WHATWG]]s levande HTML-standard ===
http://www.whatwg.org/specs/web-apps/current-work/multipage/the-input-element.html#the-input-element
=== Taggens definition i HTML5-standarden ===
http://www.w3.org/TR/html5/forms.html#the-input-element

Input - Versionshistorik

PGJ: /* Exempel */

PGJ: /* Exempel */

PGJ: /* Exempel */

PGJ: /* inputmode */

PGJ: Skapade sidan med 'Denna tag används för att skapa diverse gränssnitt-komponenter i ett formulär. Taggen kan användas till att skapa en mängd olika komponenter. Se formulär för mer ...'