1. Web
  2. HTML
  3. Reference
  4. Attributes
  5. for

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

HTML-Attribut: for

Das for-Attribut ist ein erlaubtes Attribut für <label> und <output>. Wenn es auf einem <label>-Element verwendet wird, gibt es das Formularelement an, das durch dieses Label beschrieben wird. Bei Verwendung auf einem <output>-Element ermöglicht es eine explizite Beziehung zwischen den Elementen, die Werte darstellen, die im Output verwendet werden.

Probieren Sie es aus

<p> <label>First Name (no "for" attribute):</label> <input id="first" type="text" value="Jane" /> </p> <p> <label for="last">Last Name (w/ "for" attribute):</label> <input id="last" type="text" value="Doe" /> </p> <p id="result"> <strong id="result-label">Full Name:</strong> <output for="first last" aria-labelledby="result-label" id="output"></output> </p> 
label[for="paragraph"] { color: rebeccapurple; } #result { text-align: center; } #result-label { font-size: 16pt; } #result-label, #output { display: block; } 
const firstNameEl = document.getElementById("first"); const lastNameEl = document.getElementById("last"); const outputEl = document.getElementById("output"); function updateOutput() { const value = `${firstNameEl.value} ${lastNameEl.value}`; outputEl.innerText = value; } updateOutput(); firstNameEl.addEventListener("input", updateOutput); lastNameEl.addEventListener("input", updateOutput);

Nutzungshinweise

Wenn das for-Attribut als Attribut eines <label>-Elements verwendet wird, hat es einen Wert, der die id des zugehörigen Formularelements darstellt.

html
<label for="username">Your name</label> <input type="text" id="username" />

Wenn das for-Attribut als Attribut eines <output>-Elements verwendet wird, hat es einen Wert, der eine durch Leerzeichen getrennte Liste der id-Werte der Elemente ist, die zur Erstellung des Outputs verwendet werden.

html
<input type="range" id="b" name="b" value="50" /> + <input type="number" id="a" name="a" value="10" /> = <output name="result" for="a b">60</output>

Beispiele

Siehe Beispiele für die Verwendung auf den Elementseiten für <label> und <output>.

Spezifikationen

Specification
HTML
# attr-label-for
HTML
# attr-output-for

Browser-Kompatibilität

html.elements.label.for

html.elements.output.for

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.
Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden