Option: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
Skapade sidan med 'Används i formulär för att skapa val för <code>select</code>- och <code>datalist</code>-element. == Tillgängliga attribut == De [[globala attribut|globala attribu...'
 
 
Rad 11: Rad 11:
Används för att ange ett värde som rapporteras när denna rad är vald. Om denna inte är satt kommer värdet att sättas till valets text (taget antingen ifrån <code>label</code> eller ifrån elementets innehåll).
Används för att ange ett värde som rapporteras när denna rad är vald. Om denna inte är satt kommer värdet att sättas till valets text (taget antingen ifrån <code>label</code> eller ifrån elementets innehåll).
== Exempel ==
== Exempel ==
<syntaxhighlight lang="html5">
<codepen pen="ErgVMJ" tab="html,result" height="200">
<select name="val">
</codepen>
  <option>Första valet</option>
 
  <option label="Andra valet"></option>
  <option value="val3">Tredje valet</option>
</select>
</syntaxhighlight>
== Referenser ==
== Referenser ==
=== Taggens definition i [[WHATWG]]s levande HTML-standard ===
=== Taggens definition i [[WHATWG]]s levande HTML-standard ===

Nuvarande version från 29 januari 2019 kl. 08.02

Används i formulär för att skapa val för select- och datalist-element.

Tillgängliga attribut

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

disabled

Om attributet är satt kan inte detta val väljas.

label

Kan användas för att sätta vilken text som ska visas för valet ifråga, om den inte är satt används innehållet i elementet som valtext.

selected

Används för att sätta en valrad som förvald. Det kan enbart förekomma en enda gång per fält.

value

Används för att ange ett värde som rapporteras när denna rad är vald. Om denna inte är satt kommer värdet att sättas till valets text (taget antingen ifrån label eller ifrån elementets innehåll).

Exempel

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

Referenser

Taggens definition i WHATWGs levande HTML-standard

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

Taggens definition i HTML5-standarden

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