JSF Tip #42 - JSF 2.2 HTML 5 passthrough example

In JSF 2.2 it is has been made easier to work together with a HTML designer. The page below exposes a traditional h:inputText and a h:commandButton using a more HTML 5 friendly way of doing this.

    <?xml version='1.0' encoding='UTF-8'?>

    <!DOCTYPE html>

    <html xmlns="http://www.w3.org/1999/xhtml"
            <form jsf:id="form">
                    This is a minimal Passthrough sample using HTML5 input types.
                    Note if you want JSF to take control of something you will have
                    to specify the "jsf:" prefix which was mapped above using the
                    "http://xmlns.jcp.org/jsf" namespace.
                <input jsf:id="input1" type="tel" jsf:value="12"/>
                <input jsf:id="submit" type="submit" value="Submit"/>

Posted November 19, 2013