Ostatnio edytowany:

disabled

Autor: Virtual Patriot

Przeznaczenie atrybutu disabled

Za pomocą atrybutu disabled możemy określić czy interesujący nas element HTML powinien zostać wyłączony z interakcji z użytkownikiem.

Elementy HTML dla atrybutu disabled

  1. button
  2. fieldset
  3. input
  4. keygen
  5. optgroup
  6. option
  7. select
  8. textarea

Przykład atrybutu disabled

<!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 jedną roślinę:

        <select name="roslina">
          <optgroup label="owoce" disabled>
            <option>ananas</option>
            <option>malina</option>
            <option>truskawka</option>
          </optgroup>

          <optgroup label="warzywa">
            <option>kartofel</option>
            <option>marchew</option>
            <option>sałata</option>
          </optgroup>
        </select>
      </label>

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

  </body>
</html>

Rezultat

Przykładowy element "optgroup" posiadający atrybut "label" o wartości "owoce", jak również elementy HTML znajdujące się w zawartości wspomnianego elementu "optgroup" zostały wyłączone z interakcji z użytkownikiem, ponieważ do wspomnianego elementu "optgroup" został dodany atrybut "disabled".

Interpretacja atrybutu disabled

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak

Zobacz więcej informacji o interpretacji atrybutu elementu fieldset.