HTML Formulieren

HTML <input> readonly attribuut

  • Het readonly attribuut specificeert dat aanwezige tekst in een tekstveld niet kan worden gewijzigt.
  • De tekst in een read-only (alleen lezen) veld kan wel worden gemarkeerd en gekopieerd.
  • Het readonly attribuut kan worden gebruikt om velden uit te schakelen tot er aan bepaalde voorwaarden is voldaan (bv. een selectie aanvinken), daarna wordt met een JavaScript de "readonly" functie opgeheven en het <input> element bruikbaar gemaakt.

Attribuut voorbeeld in XHTML

<html>
<body>
<form action="antwoord_accept.php">

Gebruikersnaam:<input type="text" name="gebruiker" value="Gast" readonly="readonly" />
Paswoord:<input type="password" name="pwd" value="xxxx" readonly="readonly" />
<input type="submit" value="aanmelden" />
</form>
</body>
</html>

Gebruikersnaam:  
Paswoord:  
        

Attribuut waarde

Waarde Beschrijving
readonly Het tekstveld is alleen te lezen.

naar boven 

Opbouw

<input readonly="readonly"> in HTML
<input readonly="readonly" /> in XHTML

Browser ondersteuning

Internet Explorer Firefox Chrome Opera Safari

  • Het <input> readonly attribuut wordt ondersteunt in de bekende browsers.
naar boven naar boven naar size attribuut
naar boven naar het size attribuut