Button - Versionshistorik

PGJ: /* Exempel */

2019-01-18T13:04:02Z

Exempel

← Äldre version		Versionen från 18 januari 2019 kl. 13.04
Rad 35:		Rad 35:
	Startvärdet för elementet.		Startvärdet för elementet.
	== Exempel ==		== Exempel ==
	<codepen pen="yNjJMV" tab="html" height="~~100~~">		<codepen pen="yNjJMV" tab="html,result" height="200">
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<button id="clicker" type="button">Klicka här!</button>		<button id="clicker" type="button">Klicka här!</button>

PGJ: /* formenctype */

2015-08-30T10:23:23Z

formenctype

← Äldre version		Versionen från 30 augusti 2015 kl. 10.23
Rad 14:		Rad 14:
	;<code>application/x-www-form-urlencoded</code>: Detta är förvalet om inget annat anges.		;<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]]</code> som har <code>type</code> satt till <code>file</code>.		;<code>multipart/form-data</code>: Använd detta om du har en <code>[[input]]</code> som har <code>type</code> satt till <code>file</code>.
	;<code>text/plain</code>: ~~@todo~~		;<code>text/plain</code>: Används för att skicka allt innehåll i rent textformat.
	Om detta attribut är satt kommer dess värde att gälla istället för formulärets värde.		Om detta attribut är satt kommer dess värde att gälla istället för formulärets värde.

	=== <code>formmethod</code> ===		=== <code>formmethod</code> ===
	Om knappen är en form av <code>[[submit]]</code>-knapp 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:		Om knappen är en form av <code>[[submit]]</code>-knapp 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:

PGJ: /* Exempel */

2015-07-09T11:28:04Z

Exempel

← Äldre version		Versionen från 9 juli 2015 kl. 11.28
Rad 34:		Rad 34:
	Startvärdet för elementet.		Startvärdet för elementet.
	== Exempel ==		== Exempel ==
			<codepen pen="yNjJMV" tab="html" height="100">
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<button id="clicker" type="button">Klicka här!</button>		<button id="clicker" type="button">Klicka här!</button>
	</syntaxhighlight>		</syntaxhighlight>
			</codepen>
	Ovanstående exempel skapar en enkel knapp, för att den ska göra något vettigt måste man koppla ett skript till den.		Ovanstående exempel skapar en enkel knapp, för att den ska göra något vettigt måste man koppla ett skript till den.

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

PGJ: /* Taggens definition i HTML5-standarden */

2014-08-24T11:38:02Z

Taggens definition i HTML5-standarden

← Äldre version		Versionen från 24 augusti 2014 kl. 11.38
Rad 42:		Rad 42:
	http://www.whatwg.org/specs/web-apps/current-work/multipage/the-button-element.html#the-button-element		http://www.whatwg.org/specs/web-apps/current-work/multipage/the-button-element.html#the-button-element
	=== Taggens definition i HTML5-standarden ===		=== Taggens definition i HTML5-standarden ===
	[http://www.w3.org/TR/html5/forms.html#the-button-element]		http://www.w3.org/TR/html5/forms.html#the-button-element

PGJ den 24 augusti 2014 kl. 11.37

2014-08-24T11:37:13Z

← Äldre version		Versionen från 24 augusti 2014 kl. 11.37
Rad 1:		Rad 1:
	Används för att skapa en klickbar knapp. Används ofta tillsammans med [[formulär]].		Används för att skapa en klickbar knapp. Används ofta tillsammans med [[formulär]].
	!!Tillgänliga attribut		== Tillgänliga attribut ==
	De [[globala attribut]]en är tillgängliga för denna tagg.		De [[globala attribut]]en är tillgängliga för denna tagg.
	=== <code>autofocus</code> ===		=== <code>autofocus</code> ===

PGJ: Skapade sidan med 'Används för att skapa en klickbar knapp. Används ofta tillsammans med formulär. !!Tillgänliga attribut De globala attributen är tillgängliga för denna tagg. ==...'

2014-08-24T11:36:46Z

Skapade sidan med 'Används för att skapa en klickbar knapp. Används ofta tillsammans med formulär. !!Tillgänliga attribut De globala attributen är tillgängliga för denna tagg. ==...'

Ny sida

Används för att skapa en klickbar knapp. Används ofta tillsammans med [[formulär]].
!!Tillgänliga attribut
De [[globala attribut]]en är tillgängliga för denna tagg.
=== <code>autofocus</code> ===
Specificerar att knappen ska ha fokus när sidan laddas. Enbart ett [[HTML-element]] per dokument kan ha denna [[tagg]].
=== <code>disabled</code> ===
Indikerar att elementet inte ska vara aktivt och användbart. Om attributet inte är specificerat ärver elementet inställningen ifrån det element som innehåller den, t.ex. ett omgivande <code><[[fieldset]]></code>. Om detta attribut inte är specificerat och det inte finns något att ärva, är elementet aktivt.
=== <code>form</code> ===
Talar om vilket [[formulär]] elementet är associerat till. Attributets värde sätts till den [[id]] som formuläret har. Detta möjliggör att man kan placera knappar var som helst i en sida, inte enbart inuti i själva formuläret.
=== <code>formaction</code> ===
Sätts till en [[URL]] som ska hämtas när användaren trycker på knappen. 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 knappen är en form av <code>[[submit]]</code>-knapp 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]]</code> som har <code>type</code> satt till <code>file</code>.
;<code>text/plain</code>: @todo
Om detta attribut är satt kommer dess värde att gälla istället för formulärets värde.
=== <code>formmethod</code> ===
Om knappen är en form av <code>[[submit]]</code>-knapp 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]]:n.
=== <code>formnovalidate</code> ===
Om knappen ä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 knappen är en form av <code>[[submit]]</code>-knapp, anger detta attribut var resultatdatan 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>name</code> ===
Namnet på elementet, används när data skickas in till servern.
=== <code>type</code> ===
Vilken typ av knapp detta är. Möjliga värden är:
; <code>submit</code> : Knappen skickar in formulärdata till servern. Om inget annat är angivet är detta förvalet.
; <code>reset</code>: Nollställer formuläret, så att det åter får samma data som det hade när sidan laddades.
; <code>button</code>: Inget speciellt beteende. Används oftast för att koppla [[JavaScript]] till knappar.
=== <code>value</code> ===
Startvärdet för elementet.
== Exempel ==
<syntaxhighlight lang="html5">
<button id="clicker" type="button">Klicka här!</button>
</syntaxhighlight>
Ovanstående exempel skapar en enkel knapp, för att den ska göra något vettigt måste man koppla ett skript till den.
== Referenser ==
=== Taggens definition i [[WHATWG]]s levande HTML-standard ===
http://www.whatwg.org/specs/web-apps/current-work/multipage/the-button-element.html#the-button-element
=== Taggens definition i HTML5-standarden ===
[http://www.w3.org/TR/html5/forms.html#the-button-element]