blob: dfd82b5ede097e633e4052044bb1e9fb7b00005b [file] [log] [blame]
<!DOCTYPE html>
<!--
* Licensed to the Apache Software Foundation (ASF) under one or more
* contributor license agreements. See the NOTICE file distributed with
* this work for additional information regarding copyright ownership.
* The ASF licenses this file to you under the Apache License, Version 2.0
* (the "License"); you may not use this file except in compliance with
* the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
-->
<html lang="en"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:hx="http://myfaces.apache.org/html5/html"
xmlns:fx="http://myfaces.apache.org/html5/core">
<h:body>
<ui:composition template="/_template.xhtml">
<ui:define name="pageName">
<h1>Simple inputText</h1>
</ui:define>
<ui:define name="content">
<p>
Notes:
<ul>
<li>The form won't be submitted until you type a value into second input. (Chrome and Opera)</li>
<li>A place holder is displayed in second input. (Chrome)</li>
</ul>
</p>
<h:form id="demoForm">
<label>An optional input:</label><br/>
<hx:inputText id="firstNumberIT" value="#{inputTextBean.firstNumber}" cols="15" />
<h:message for="firstNumberIT" />
<br/>
<label>A required input which has placeholder too:</label><br/>
<hx:inputText id="secondNumberIT" value="#{inputTextBean.secondNumber}" required="true"
placeholder="Enter a number" cols="15" oninvalid="alert('Input required');" />
<h:message for="secondNumberIT" />
<br/>
<h:commandButton action="none"/><br/>
Product is : <h:outputText value="#{inputTextBean.result}" />
</h:form>
</ui:define>
</ui:composition>
</h:body>
</html>