On Thu, May 27, 2010 at 1:25 PM, Ali Ok <al...@aliok.com.tr> 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="em...@example.org, > anotherem...@example.org"/> > <!-- expected HTML5 code--> > <input type="email" value="" list="idOfDataList"/> > <datalist id="idOfDataList"> > <option value="em...@example.org" label="em...@example.org" /> > <option value="anotherem...@example.org" label="anotherem...@example.org" /> > </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="em...@example.org" label="Email 1" /> > <option value="anotherem...@example.org" label="Email 2" /> > <option value="theotherem...@example.org" 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