Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from http://developer.mozilla.org/de/docs/Web/HTML/Reference/Attributes/readonly below:

HTML-Attribut: readonly - HTML | MDN

Das booleanische readonly Attribut, wenn es vorhanden ist, macht das Element nicht veränderbar, was bedeutet, dass der Benutzer das Steuerelement nicht bearbeiten kann.

<label for="firstName">First Name:</label>
<input id="firstName" name="firstName" type="text" value="Adam" />

<label for="age">Age:</label>
<input id="age" name="age" type="number" value="42" readonly />

<label for="hobbies">Hobbies:</label>
<textarea id="hobbies" name="hobbies" readonly>Baseball</textarea>

label {
  display: block;
  margin-top: 1em;
}

input:read-only,
textarea:read-only {
  background-color: silver;
}

Wenn das readonly Attribut auf ein Eingabeelement gesetzt ist, da der Benutzer die Eingabe nicht bearbeiten kann, nimmt das Element nicht an der Einschränkungsvalidierung teil.

Das readonly Attribut wird von textbasierten Formularelementen unterstützt, einschließlich:

• <input> Elementen vom Typ:
  • text
  • search
  • tel
  • url
  • email
  • password
  • date
  • month
  • week
  • time
  • datetime-local
  • number
• <textarea>

Das Attribut ist für alle anderen Elemente, einschließlich <select> und <button>, nicht relevant. Es gilt auch nicht für nicht-textuelle Eingabeelemente, einschließlich:

• hidden
• range
• color
• checkbox
• radio
• file
• submit
• image
• reset
• button

Eingaben, die das readonly Attribut unterstützen, aber nicht gesetzt haben, entsprechen der :read-write Pseudo-Klasse. Alle anderen Elemente entsprechen der :read-only Pseudo-Klasse.

Der Unterschied zwischen disabled und readonly ist, dass schreibgeschützte Steuerelemente weiterhin funktionieren und fokussierbar sind, während deaktivierte Steuerelemente keinen Fokus erhalten können und nicht mit dem Formular übermittelt werden und im Allgemeinen nicht als Steuerelemente funktionieren, bis sie aktiviert werden.

Da ein schreibgeschütztes Feld nicht von einer Benutzerinteraktion geändert werden kann, hat required keine Auswirkungen auf Eingaben, bei denen das readonly Attribut ebenfalls spezifiziert ist.

Der einzige Weg zur dynamischen Anpassung des readonly Attributs ist über ein Skript.

Hinweis: Das required Attribut ist bei Eingaben mit dem readonly Attribut nicht zulässig.

Browser zeigen das readonly Attribut an.

Wenn das Element schreibgeschützt ist, kann der Wert des Elements vom Benutzer nicht aktualisiert werden und nimmt nicht an der Einschränkungsvalidierung teil.

<div class="group">
  <input type="text" value="Some value" readonly="readonly" id="text" />
  <label for="text">Text box</label>
</div>
<div class="group">
  <input type="date" value="2020-01-01" readonly="readonly" id="date" />
  <label for="date">Date</label>
</div>
<div class="group">
  <input type="email" value="Some value" readonly="readonly" id="email" />
  <label for="email">Email</label>
</div>
<div class="group">
  <input type="password" value="Some value" readonly="readonly" id="pwd" />
  <label for="pwd">Password</label>
</div>
<div class="group">
  <textarea readonly="readonly" id="ta">Some value</textarea>
  <label for="ta">Message</label>
</div>

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4