JSF2.3 outputLabel – Ejemplos
En JSF la etiqueta outputLabel representa un texto de solo lectura que le dice al usuario cuál es el nombre de un campo.
Esta etiqueta JSF genera una etiqueta HTML <label> y atua como um marcador.
JSF:
<h:outputLabel value="Nombre de usuário: " for="nombre" />
HTML:
<label for="nombre">Nombre de usuário: </label>
Si el componente está asociado con un componente de entrada como h: inputText a través del atributo for en el outputLabel se asigna al atributo «id» de otro componente de entrada.
El componente outputLabel proporciona un buen control del mouse. A continuación en el ejemplo, cuando hago clic en el texto «Nombre de usuário: «, el cursor del mouse se mueve al campo de texto
Ejemplo
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:pt="http://xmlns.jcp.org/jsf/passthrough" > <h:head> <title>Ejemplo OutputLabel!</title> </h:head> <h:body> <h:form id="form"> <h:outputLabel for="nombre" value="Nombre de usuário: " /> <h:inputText id="nombre"/> </h:form> </h:body> </html>
Resultado:
Código HTML generado:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="j_idt2">
<title>Ejemplo OutputLabel!</title></head>
<body>
<form id="form" name="form" method="post" action="/ejemplo_web_jsf23/ejemploOutputLabel.xhtml"
enctype="application/x-www-form-urlencoded">
<input type="hidden" name="form" value="form" />
<label for="form:nombre">Nombre de usuário: </label>
<input id="form:nombre" type="text" name="form:nombre" />
<input type="hidden" name="javax.faces.ViewState" id="j_id1:javax.faces.ViewState:0"
value="-1796715466041527677:7157111290735229052" autocomplete="off" />
</form>
</body>
</html>
