Fieldset: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
(Skapade sidan med 'Används för att gruppera samman flera formulär-element. == Tillgänliga attribut == De globala attributen är tillgängliga för denna tagg. === <code>...')
 
Rad 9: Rad 9:
Gruppens namn, skickas med när formulär-datan skickas in till servern.
Gruppens namn, skickas med när formulär-datan skickas in till servern.
== Exempel ==
== Exempel ==
<codepen pen="JdvKmm" tab="html">
<syntaxhighlight lang="html5">
<syntaxhighlight lang="html5">
<form action="exempel.php">
<form action="exempel.php">
   <fieldset>
   <fieldset>
     <legend>Namn</legend>
     <legend>Namn</legend>
     <input name="förnamn" id="förnamn"><label for="förnamn">Förnamn:</label>
     <label for="förnamn">Förnamn:</label><input name="förnamn" id="förnamn"><br>
    <input name="efternamn" id="efternamn"><label for="efternamn">Efternamn:</label>
    <label for="efternamn">Efternamn:</label><input name="efternamn" id="efternamn">
   </fieldset>
   </fieldset>
</form>
</form>
</syntaxhighlight>
</syntaxhighlight>
</codepen>
Ovanstående exempel skapar ett minimalt formulär som grupperar samman två fält avsedda för för- och efternamn.
Ovanstående exempel skapar ett minimalt formulär som grupperar samman två fält avsedda för för- och efternamn.
== Referenser ==
== Referenser ==
=== Taggens definition i [[WHATWG]]s levande HTML-standard ===
=== Taggens definition i [[WHATWG]]s levande HTML-standard ===

Versionen från 9 juli 2015 kl. 14.19

Används för att gruppera samman flera formulär-element.

Tillgänliga attribut

De globala attributen är tillgängliga för denna tagg.

disabled

Om detta attribut är angivet, kommer detta, och alla underliggande, element att vara avslagna och icke-redigerbara.

form

Sätt till id:n som det formulär som detta element tillhör. Förvalet är närmaste form-tagg som detta element ligger i. Detta möjliggör att man kan lägga formulär-komponenter utanför ett form-element.

name

Gruppens namn, skickas med när formulär-datan skickas in till servern.

Exempel

See the Pen JdvKmm by Patrik Grip-Jansson (@PGJ) on CodePen.

Ovanstående exempel skapar ett minimalt formulär som grupperar samman två fält avsedda för för- och efternamn.

Referenser

Taggens definition i WHATWGs levande HTML-standard

http://www.whatwg.org/specs/web-apps/current-work/multipage/forms.html#the-fieldset-element

Taggens definition i HTML5-standarden

http://www.w3.org/TR/html5/the-fieldset-element.html#the-fieldset-element