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"
xmlns:jsf="http://xmlns.jcp.org/jsf">
<body>
<form jsf:id="form">
<p>
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.
</p>
<input jsf:id="input1" type="tel" jsf:value="12"/>
<input jsf:id="submit" type="submit" value="Submit"/>
</form>
</body>
</html>
Posted November 19, 2013