InputText
Based upon HTML5 input tag, there are a lot of variations that are available for components. Because of consistency across browsers and devices a subset of these variations is supported. This component is styled for each supported device with the <mobi:deviceStylesheet/> component and has <mobi:ajax /> support
|
Each device will popup the correct keyboard for the "type". Jsf validation and conversion is supported.
|
Usage
Straight text field
<mobi:inputText value="#{input.someText}"
type="text"
placeholder="#{input.placeholder}"
title="basic text input"/>
Using single submit
<mobi:inputText value="#{input.someNumber}"
type="text" singleSubmit="true"
placeholder="#{input.placeholder}"
title="number from popup number menu"/>
Using password/inputSecret
<mobi:inputText id="passwordInput" type="password"
placeholder="Password input"
value="#{input.password}">
<f:validateLength minimum="6" maximum="8"/>
</mobi:inputText>
Using text area
<mobi:inputText value="#{input.textField}"
type="textarea" placeholder="#{input.placeholder}"
rows="3" cols="40" title="inputText field"/>
Attributes
Each type will have it's own set of attributes which will be passed through the renderer and applied to the browser to render using HTML5 markup encoding. Since the password and text example both are type='text" they will have the same list of attributes. The textarea has it's own set and their exists a common subset of attributes at this time. As more "types" are implemented, they will each have their own unique set of attributes and share these common ones. The jsf support comes in the ability to use jsf validation and conversion. ICEfaces then allows the ability to submit the field via ajax (singleSubmit) or the traditional (whole form) approach.
Common Attributes
type for now just "text", "number", "password" and "textarea" are supported as of this release. "text" is default.
placeholder rather than using tooltips, the placeholder will display directly in the input field allowing developers to give hints as to what the user can use as entries
singleSubmit if true, submits itself (element) and triggers a full page response using the ICEfaces dom-diff algorithm (in other words, only what has changed on the view page). If false, then the field is not submitted until the form is.
tabindex standard jsf support
maxlength maximum length to display the field
For type="text" only
autocomplete not implemented in html5 yet on most browsers so not that useful
pattern at this point, will actually see the pattern in display as placeholder in some browsers
For type="textarea" only
cols number of columns for textarea for initial render
rows number of rows for textarea
wrap wrap the text if get to end of textarea
Component Documentation
inputText
Comments (10)
Aug 23, 2011
Anonymous says:
The main ferragamo outlet store is owned and operated by Guess Who?, her first...The main ferragamo outlet store is owned and operated by Guess Who?, her first store opened back in 2004 in New York City. In a short time, her designs became a hit to every woman in New York City. Her products have a sense of sophistication, style and always fun-looking. She uses vivid colors and they are filled with non traditional styling and a unique collection of designs. So, if you are looking for footwear with great quality, this could be the way to go. It is really worth a look. That's why even if they may be a little pricey for some; it is all worth it once you find salvatore ferragamo shoes you love.
Sep 03, 2011
Anonymous says:
Whoever wrote this, you know how to make a good artlice.Whoever wrote this, you know how to make a good artlice.
Sep 03, 2011
Anonymous says:
You saved me a lot of haslse just now.You saved me a lot of haslse just now.
Sep 04, 2011
Anonymous says:
4NXBlz <a href="http://qhhavlswfsdd.com/">qhhavlswfsdd</a>4NXBlz <a href="http://qhhavlswfsdd.com/">qhhavlswfsdd</a>
Sep 04, 2011
Anonymous says:
ylnKUm <a href="http://prbdzvybmhvb.com/">prbdzvybmhvb</a>ylnKUm <a href="http://prbdzvybmhvb.com/">prbdzvybmhvb</a>
Sep 04, 2011
Anonymous says:
a8hSPW , [url=http://moeeozarcoym.com/]moeeozarcoym[/url], [...a8hSPW , [url=http://moeeozarcoym.com/]moeeozarcoym[/url], [link=http://mcjqezqaglsi.com/]mcjqezqaglsi[/link], http://gsqcxunzeina.com/
Sep 05, 2011
Anonymous says:
9dYCo1 , [url=http://zquthjcbfapn.com/]zquthjcbfapn[/url], [...9dYCo1 , [url=http://zquthjcbfapn.com/]zquthjcbfapn[/url], [link=http://amgvugtggyje.com/]amgvugtggyje[/link], http://nbqwphsagiyv.com/
Sep 04, 2011
Anonymous says:
These pieces really set a standard in the indutsry.These pieces really set a standard in the indutsry.
Sep 04, 2011
Anonymous says:
YpUJ3R <a href="http://excxnzezkwpz.com/">excxnzezkwpz</a>YpUJ3R <a href="http://excxnzezkwpz.com/">excxnzezkwpz</a>
Sep 05, 2011
Anonymous says:
wEoMCT , [url=http://hjceoqfwskpu.com/]hjceoqfwskpu[/url], [...wEoMCT , [url=http://hjceoqfwskpu.com/]hjceoqfwskpu[/url], [link=http://rzockewxpqsg.com/]rzockewxpqsg[/link], http://bxjedzuqarvv.com/