Ostatnio edytowany:

selected

Autor: Virtual Patriot

Przeznaczenie atrybutu selected

Za pomocą atrybutu selected możemy określić czy opcja wyboru reprezentowana przez interesujący nas element HTML powinna być domyślnie wybraną opcją.

Elementy HTML dla atrybutu selected

  1. option

Przykład atrybutu selected

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <form action="http://webkod.pl/php/submit-result.php">
      <label>
        Wybierz jeden owoc:

        <select name="owoc">
          <option>ananas</option>
          <option>banan</option>
          <option>kokos</option>
          <option>malina</option>
          <option selected>truskawka</option>
          <option>wiśnia</option>
        </select>
      </label>

      <button type="submit">zatwierdź</button>
    </form>

  </body>
</html>

Rezultat

Domyślnie wybraną opcją z pośród opcji wyboru reprezentowanych przez przykładowe elementy "option" elementu "select" jest opcja reprezentowana przez element "option", którego zawartością jest ciąg znaków "truskawka", ponieważ do wspomnianego elementu "option" został dodany atrybut "selected".

Interpretacja atrybutu selected

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak