>
> <hx:inputRange value="#{someBean.someField}" suggestions="#000000,
> #FFFFFF"/>
Copy-paste mistake, sorry :)
It should be <hx:inputColor> as in the first usecase:
<hx:inputColor value="#{someBean.someField}" />
and
<hx:inputColor value="#{someBean.someField}" suggestions="#000000,
#FFFFFF"/>
> Q: the "validation" of a correct email pattern is driven by the
user-agent, right?
Right. And an email validator will be attached on the server-side too.
On Thu, May 27, 2010 at 2:49 PM, Matthias Wessendorf <[email protected]>wrote:
> On Thu, May 27, 2010 at 1:25 PM, Ali Ok <[email protected]> wrote:
> > Hi,
> > I am posting 2 prototypes inline, since they seem easy convenience tags.
> > ===============================
> > ==========<hx:inputColor>=========
> > ===============================
> > REFS:
> > [0]
> >
> http://www.whatwg.org/specs/web-apps/current-work/multipage/the-input-element.html#the-input-element
> > [1]
> >
> http://www.whatwg.org/specs/web-apps/current-work/multipage/number-state.html#color-state
> > [2]
> >
> http://www.whatwg.org/specs/web-apps/current-work/multipage/the-input-element.html#input-type-attr-summary
> > EXTENDS:
> > <h:inputText>
> > ATTRIBUTES not present in ancestor:
> > suggestions: same suggestion mechanism with <hx:inputText>
> > autocomplete: to override owner form's autocomplete attribute for its
> > children. can be 'on' 'off' 'default'(default)
> > NOTES:
> > Cannot extend hx:inputText, since this doesn't have
> > size,pattern,placeholder, etc. attributes! Will create an abstract middle
> > component.
> > No browser support for this yet!
> > For suggestions and more, see hx:inputText usage.
> > <!-- - - - - - - - - -usage- - - - - - - - - - - - - - - - - - - - --
> -->
> > <hx:inputColor value="#{someBean.someField}" />
> > <!-- expected HTML5 code -->
> > <input type="color" value="" />
> >
> > <!-- - - - - - - - - -usage- - - - - - - - - - - - - - - - - - - - --
> -->
> > <hx:inputRange value="#{someBean.someField}" suggestions="#000000,
> > #FFFFFF"/>
> > <!-- expected HTML5 code -->
> > <input list="idOfDataList" type="color" />
> > <datalist id="idOfDataList">
> > <option value="#000000" label="#000000" />
> > <option value="#FFFFFF" label="#FFFFFF" />
> > </datalist>
>
>
> Not sure why some generic word like "range" make the compont turn into
> a "color range" selector; I guess that's not too clear :-)
>
> range can be different, see adf faces' sliders (number and range)
>
> >
> > ===============================
> > ==========<hx:inputEmail>======
> > ===============================
> > REFS:
> > [0]
> >
> http://www.whatwg.org/specs/web-apps/current-work/multipage/the-input-element.html#the-input-element
> > [1]
> >
> http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#e-mail-state
> > [2]
> >
> http://www.whatwg.org/specs/web-apps/current-work/multipage/the-input-element.html#input-type-attr-summary
> > EXTENDS:
> > hx:inputText
> > ATTRIBUTES not present in ancestor:
> > multiple: email input type supports 'multiple' attribute. can be used
> with
> > datalist(suggestions). default to 'false'.
> > see:
> >
> http://www.whatwg.org/specs/web-apps/current-work/multipage/common-input-element-attributes.html#attr-input-multiple
> > NOTES:
> > About 'pattern': browsers should make the email validation. this
> attribute
> > can be used for extra validation.
> > For suggestions and more, see hx:inputText usage.
> > <!-- - - - - - - - - -usage- - - - - - - - - - - - - - - - - - - - --
> -->
> > <hx:inputEmail value="#{someBean.email}" suggestions="[email protected],
> > [email protected]"/>
> > <!-- expected HTML5 code-->
> > <input type="email" value="" list="idOfDataList"/>
> > <datalist id="idOfDataList">
> > <option value="[email protected]" label="[email protected]" />
> > <option value="[email protected]" label="[email protected]"
> />
> > </datalist>
> >
> > <!-- - - - - - - - - -usage- - - - - - - - - - - - - - - - - - - - --
> -->
> > <hx:inputEmail value="#{someBean.email}"
> > suggestions="#{someBean.emailSuggestions}" multiple="true"/>
> > <!-- expected HTML5 code-->
> > <input type="email" value="" list="idOfDataList"/>
> > <datalist id="idOfDataList">
> > <option value="[email protected]" label="Email 1" />
> > <option value="[email protected]" label="Email 2" />
> > <option value="[email protected]" label="Email 3" />
> > </datalist>
>
> looks good, so far.
>
> Q: the "validation" of a correct email pattern is driven by the
> user-agent, right?
>
> -M
>
> >
> > Thanks for feedback,
> > Ali
> > --
> > My Blog: http://blog.aliok.com.tr
> > Twitter: http://twitter.com/aliok_tr
> >
> >
>
>
>
> --
> Matthias Wessendorf
>
> blog: http://matthiaswessendorf.wordpress.com/
> sessions: http://www.slideshare.net/mwessendorf
> twitter: http://twitter.com/mwessendorf
>
--
My Blog: http://blog.aliok.com.tr
Twitter: http://twitter.com/aliok_tr
