Zweck von h: outputLabel und sein "for" -Attribut

Hier ist ein Auszug aus das <h:outputLabel> - tag-Dokumentation:

Rendert ein HTML - "label" - element. Rendern der aktuelle Wert der
Komponente wie label-text, wenn es angegeben ist. Wenn ein Attribut "for" ist
angegeben, finden Sie die angegebene Komponente durch den Wert des "für"
Attribut, und Rendern Sie Ihre client-id, die als Wert die "for" -
Attribut. Wenn "styleClass" - Attribut angegeben ist, machen Ihren Wert als
der Wert von "class" - Attribut.

Ich bin verwirrt über die for Attribut. Was ist Ihr Zweck?

InformationsquelleAutor der Frage ThiepLV | 2013-07-09

  1. 44

    Ist es einfacher zu verstehen, wenn Sie lernen grundlegende HTML-ersten. JSF ist im Kontext dieser Frage nämlich lediglich ein HTML-code-generator. Es gibt eine ausgezeichnete HTML-tutorial auf htmldog.com. Die <label>als erzeugt durch <h:outputLabel>erklärt hier.

    HTML-Tags: label

    Bezeichnung für ein Formular-element (inputtextarea oder select).

    Optionale Attribute

    for verwendet werden können, die Zuordnung der label zu einem Formular-element, wenn der Wert des for entspricht dem Wert eines Elements id Attribut.

    Beispiel

    <label for="email">Email address</label>

    <input type="text" name="email" id="email" />

    Also die for - Attribut muss auf die id von der input-Komponente die label ist intented, um label. Das label hat die folgenden SEO-und usability-Vorteile:

    1. Es erzählt in text über die damit verbundenen input-element.
    2. Es konzentriert sich und aktiviert die damit verbundenen input-element, wenn fokussiert wird/geklickt selbst.

    Als JSF ist im Kontext dieser Frage lediglich ein HTML-code-generator, der genau das gleiche gilt für JSF-Komponenten zu generieren, HTML sowie.

    <h:outputLabel for="email">Email address</h:outputLabel>
<h:inputText id="email" />

    Such-Roboter finden Sie die Beschriftung und den index des zugehörigen input-element als solches. Screenreader benutzt für visuell Behinderte Menschen finden die label und erzählen Sie dessen Inhalt durch Klang. Endkunden können auf das Etikett zu sehen, die damit verbundenen input zu bekommen konzentriert. Checkboxen/radiobuttons ausgewählt werden, wenn Sie auf das label. Datei-Eingänge öffnet den dialog "durchsuchen", wenn Sie auf das label. Etcetera.

    Angemerkt werden sollte, dass relativ viel low-quality-JSF-tutorials sind missbrauchen die <h:outputLabel> mit dem alleinigen Zweck, um drucken Sie einige Hallo-Welt-text etwa so:

    <h:outputLabel value="#{bean.message}" />

    Diesem speziellen Anwendungsfall ist somit falsch. Stattdessen <h:outputText> sollte wurden verwendet:

    <h:outputText value="#{bean.message}" />

    Oder auch nur EL im Vorlagen-text:

    #{bean.message}

    Wenn Sie sich jemals begegnen solchen tutorial, wer missbraucht die <h:outputLabel> diese Weise, ist es dringend empfohlen, zu stoppen, es zu Lesen und den Kopf auf eine mehr Selbstbestimmung respektiert Ressourcen. Dies ist ein starkes Indiz dafür, dass das tutorial den Autor weiß nichts über grundlegende HTML-zwar ist das wiederum eine ziemlich wichtige Voraussetzung für das lernen JSF. Wer wissen kaum etwas über grundlegende HTML-ist sicherlich nicht eine gute JSF-Lehrer. Man weiß nie, ob so ein low-quality-learning-Ressource weiter in eine Abwärtsspirale des Unterrichts schlechte Erfahrungen und es ist deshalb besser, den Kopf zu einer anderen. Finden Sie sane Ressourcen im Zusammenhang mit den an der Unterseite des unsere JSF-wiki-Seite und jsf.zeef.com.

    InformationsquelleAutor der Antwort BalusC

Schreibe einen Kommentar