My OperaThis topic has been closed. No new entries allowed.
Reason: You can now post comments on articles on Dev Opera
You need to be logged in to post in the forums. If you do not have an account, please sign up first.
New form features in HTML5
HTML5 includes many new features to make web forms a lot easier to write, and a lot more powerful and consistent across the Web. This article gives a brief overview of some of the new form controls and functionalities that have been introduced.( Read the article )
SailorMax - the calendar is only for inputting dates. And validation only takes place at submit time. The standard is silent about User Interface.
17. December 2010, 15:42:11 (edited)
1) Create Datalist with enough items to scroll
2) Scroll with mousewheel
3) Black rectangle appears at the bottom of datalist.
Also, it's not possible to clear value of datetime or datetime-local input type with javascript.
(DSK-321840, DSK-299031)
Originally posted by lccb2011:
Only Chrome 8.0 displayed placeholder (although all other browsers degraded gracefully)
placeholder should also work in Opera 11. It does on my Mac.
Developer Relations Manager
Editor, dev.opera.com and labs.opera.com
Originally posted by Ambigata:
Why user can't clear the date field ?
Oh, you mean as in, why can't you clear the value inside <input type=date> again, after adding one in? Interesting point. I mean, I can't think of that many reasons why you'd want to not input a date after inputting one, but yeah, you might want to...
Developer Relations Manager
Editor, dev.opera.com and labs.opera.com
Originally posted by chrismills:
Originally posted by Ambigata:
Why user can't clear the date field ?
Oh, you mean as in, why can't you clear the value inside <input type=date> again, after adding one in? Interesting point. I mean, I can't think of that many reasons why you'd want to not input a date after inputting one, but yeah, you might want to...
It was possible with opera 10.6, you can see a 'none' button in lot of screen about this feature.
I used that in a 'filtering form', so since 11.* users can't no more change search.
Originally posted by Ambigata:
It was possible with opera 10.6, you can see a 'none' button in lot of screen about this feature.I used that in a 'filtering form', so since 11.* users can't no more change search.
I have asked the developers about this for you, as I'm interested to know the answer myself!
Developer Relations Manager
Editor, dev.opera.com and labs.opera.com
Originally posted by toscho:
@brucelawson Any progress on styling placeholders?
Not yet - there are a few experimental proposals on how to do this kind of thing, but nothing concrete yet.
Developer Relations Manager
Editor, dev.opera.com and labs.opera.com
Originally posted by chrismills:
Not yet - there are a few experimental proposals on how to do this kind of thing, but nothing concrete yet.
I have compared Mozilla’s and Webkit’s implementations during my research for an article (still unfinished). I think a pseudo class (like in Mozilla) is the better way because it fills the whole field regardless of padding or border-radius. And it feels more consistent with :empty.
color, background-color and font-style are necessary from an accessibility perspective, everything else is not so important.
If I can help with test cases or just brainstorming, drop me a mail. I would really like to see placeholders more accessible.
Originally posted by toscho:
I have compared Mozilla’s and Webkit’s implementations during my research for an article (still unfinished). I think a pseudo class (like in Mozilla) is the better way because it fills the whole field regardless of padding or border-radius. And it feels more consistent with :empty.color, background-color and font-style are necessary from an accessibility perspective, everything else is not so important.If I can help with test cases or just brainstorming, drop me a mail. I would really like to see placeholders more accessible.
thanks for the ideas - I agree with you on this. Peter Gasston also wrote a really good article discussing proopsals for making error messages stylable/customizable: http://www.broken-links.com/2011/03/28/html5-form-validation/
Something like this would probably work well.
Developer Relations Manager
Editor, dev.opera.com and labs.opera.com