HTML -Readonly- Attribut
Definition und Verwendung
Das readonlyAttribut ist ein boolesches Attribut.
Wenn vorhanden, gibt es an, dass ein Eingabefeld oder Textbereich schreibgeschützt ist.
Ein schreibgeschütztes Feld kann nicht geändert werden (ein Benutzer kann jedoch mit der Tabulatortaste dorthin wechseln, es markieren und den Text daraus kopieren).
Das readonlyAttribut kann so eingestellt werden, dass ein Benutzer den Wert nicht ändert, bis einige andere Bedingungen erfüllt sind (z. B. das Aktivieren eines Kontrollkästchens usw.). Dann kann ein JavaScript den schreibgeschützten Wert entfernen und das Eingabefeld bearbeitbar machen.
Gilt für
Das readonlyAttribut kann für die folgenden Elemente verwendet werden:
| Elemente | Attribut |
|---|---|
| <Eingabe> | schreibgeschützt |
| <Textbereich> | schreibgeschützt |
Beispiele
Eingabebeispiel
Ein HTML-Formular mit einem schreibgeschützten Eingabefeld:
<form
action="/action_page.php">
Country:
<input type="text" name="country" value="Norway" readonly><br>
<input type="submit" value="Submit">
</form>
Textarea-Beispiel
Ein schreibgeschützter Textbereich:
<textarea readonly>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Browser-Unterstützung
Das readonlyAttribut hat die folgende Browserunterstützung für jedes Element:
| Element | |||||
|---|---|---|---|---|---|
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| textarea | Yes | Yes | Yes | Yes | Yes |