Ostatnio edytowany:

readonly

Autor: Virtual Patriot

Przeznaczenie atrybutu readonly

Za pomocą atrybutu readonly możemy określić czy wartość posiadana przez daną, którą reprezentuje interesujący nas element HTML ma pełnić rolę wartości tylko do odczytu, czyli takiej wartości, która nie może zostać zmieniona przez użytkownika.

Elementy HTML dla atrybutu readonly

  1. input
  2. textarea

Przykład atrybutu readonly

<!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>
        Podaj imię:
        <input type="text" name="imie">
      </label>

      <label>
        <input type="text" value="np. Jan" readonly>
      </label>

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

  </body>
</html>

Rezultat

Wartość posiadana przez daną, którą reprezentuje przykładowy element "input" posiadający atrybut "value" o wartości "np. Jan" pełni rolę wartości tylko do odczytu, czyli takiej wartości, która nie może zostać zmieniona przez użytkownika, ponieważ do wspomnianego elementu "input" został dodany atrybut "readonly".

Interpretacja atrybutu readonly

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak