Referens
HTML form

HTML form

HTML form taggen anger ett formulär.

Exempel:

Skriv ditt namn i rutan!

HTML:

Skriv ditt namn i rutan!
<form action="hej.php" method="get">
    <input type="text" name="dittnamn">
	<input type="submit" value="Skicka">
</form>

Elementet form anger början och slutet för ett formulär som en användare kan fylla i. Alla element som finns mellan starttaggen <form> och sluttaggen </ form> kommer att vara förknippade med detta formulär.

Läs mer om HTML form i HTML Formulär

HTML form
Elementtyp Sluttagg Utfasat Doctype
Blockelement Ja Nej Strict, Transitional, Frameset
Elementet får innehålla
script eller blockelement utom form (HTML Strict)
Blockelement eller inlineelement (HTML Transational)
Elementet får finnas i
Inlineelement eller blockelement utom form
Skillnad mellan HTML och XHTML
Ingen

Tips för HTML form

Det är möjligt att ha flera formulär på en och samma sida genom att använda flera olika form element. Observera att ett element form däremot inte kan innehålla ett annat form-element!

HTML form attribut

Nödvändiga attribut
Attribut Beskrivning Värde
action Anger URL som formulärets data skickas till URL

Valbara attribut
Attribut Beskrivning Värde
accept Anger filtyper som kan skickas som filer MIME-typ
accept-charset Anger lista separerade med kommatecken med teckentabeller som får användas. Standardvärdet är "unknown" teckentabell
entype Anger metod för kodning av data (MIME-typ)
Standardvärdet är application/x-www-form-urlencoded.		 application/x-www-form-urlencoded
Alla tecken kodas innan de sänds
multipart/form-data
Inga tecken kodas, datan skickas som ett MIME-document (Detta är nödvändigt för att ladda upp filer)
text/plain
Mellanslag konverteras till "+" men inga specialtecken kodas
method Anger metod för översändning av data. Standardvärdet är "get" get, post
name Anger ett unikt namn för formuläret text
target Anger vilken ram formulärets resultat ska visas i _blank gör att resultatet öppnas i ett nytt fönster
_self gör att resultatet öppnas i samma ram som länken klickades i
_parent gör att resultatet öppnas i "föräldra-ramen" som länken klickades i
_top gör att resultatet öppnas i hela fönstret

Universella attribut
Attribut Beskrivning Värde
id Anger att elements unika identitet text
class Anger vilken klass eller vilka klasser ett element tillhör text
style Tilldelar elementet en egen visuell stil CSS attribut och värden
title Anger en titel för eller kort beskrivning av elementet text
dir Anger textriktning för innehållet rtl, ltr
lang Anger språk på elementets innehåll språkkod
xml:lang Används istället för "lang" när koden skrivs i XHTML 1.0 språkkod

Händelse attribut
Attribut Utlösande händelse Värde
onsubmit Formuläret sänds javascript
onreset Formuläret återställs javascript
onclick Enkelklick med musen på elementet javascript
ondblclick Dubbelklick med musen på elementet javascript
onkeydown En tangent trycks ned javascript
onkeyup En tangent släpps upp javascript
onkeypress En tangent trycks ned eller hålls nedtryckt javascript
onmousedown En musknapp trycks ned över elementet javascript
onmouseup En musknapp släpps upp över elementet javascript
onmouseover Muspekaren flyttas in över elementet javascript
onmousemove Muspekaren flyttas inom elementet javascript
onmouseout Muspekaren flyttas ut från elementet javascript
| Mer