i have
input type="number" pattern="[-+]?[0-9]*[.,]?[0-9]+"/
this code work super in Chrome and Firefox, but IE don't work.
I need help. Thank you.
There is limited support in IE and mobile browsers for this input type.
See the following sites for more information:
http://html5please.com/#number
http://caniuse.com/#feat=input-number
http://quirksmode.org/html5/tests/inputs_numbers.html
According to the html5please site, there is a javascript polyfill available which handles old browsers gracefully.
Microsoft recognises HTML5's input type="number" in IE10 and IE11, but still has no UI support for it.
You'll have to wait or make your own implementation with JavaScript. You may consider that for backward compatibility with a large chunk of your potential users, anyway.
Related
I have a web form asking for a credit card number. How can I prevent the browser from saving this information?
I see people proposing to use the autocomplete="off" feature.
Which web browsers do implement this feature?
For which versions of those browsers?
I am looking for a trustful public article with this answer, so that I can rely my decision on it.
Also, is there a standard javascript snippet to implement this feature in case the browser does not support it?
note: before marking this question as duplicate, please note that I did not find the answer in those stackoverflow's questions:
Is there a W3C valid way to disable autocomplete in a HTML form? ,
How to prevent the credit-card number field being cached by the browser , https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion , http://msdn.microsoft.com/en-us/library/ms533032%28VS.85%29.aspx
According to MDN: input element the autocomplete attribute is supported from these browser versions:
Desktop:
Chrome 17.0
Firefox 4.0
Internet Explorer 5
Opera 9.6
Safari 5.2
Mobile:
Android : unknown
Firefox Mobile 4.0
IE Mobile : all
Opera Mobile : all
Safari Mobile : all
This may be 4 years old, but it isn't folly to assume that the versions quoted here and above support autocomplete="off".
Is autocomplete="off" compatible with all modern browsers?
I am a newbie when it comes to the web development. I am creating a form and in the input tag I added the required attribute. It works on every browser except for safari5. After doing some research I found that the required attribute is not supported by Safari 5. Any suggestions as to what I should do?
As you can see here, form validation isn't fully supported in Safari, IE9 and earlier, and some mobile browsers. You will need to look into a fallback solution for those situations. These fallbacks are typically called polyfills.
HTML5 Please has some recommended polyfills for form validation: http://html5please.com/#form%20validation
One final thing to remember, even if you do client side validation, always do server side validation as well because you should never blindly trust data coming from the user.
I have a HTML5 video, working fine, and i'm happily smiling whenever i start my browser... However!
I know the Video tag isnt supported by some browsers, but i noticed there is a difference in support for video attributes/methods/whatever too. Is there a summary of this somewhere?
For example:
The poster attribute doesnt work in every browser, even if the vide DOES work!
I think its pretty worthless to just use an entire javascript library to take care of one attribute like poster, so how to take care of this?
Or am i completely wrong, and is IF video is supported, also every attribute supported the same way?
Please help me! :)
Thanks for all your advice,
WK
ps: I am using the video for everybody variant of the video. So thats working fine.
Is this the kind of thing your after?? click me.
Basically there is the following support for the HTML5 video tag:
Every modern browser that has support for HTML 5 supports <video>
meaning: IE9+, FF3.6+, Chrome, Opera, Safari
Internet Explorer 9 does not support the poster attribute. I believe
there is even a bug about this on Microsoft connect.
Firefox does not support the loop attribute. (replaying a video after it has finished)
Different browsers support different video formats, IE9 supports
H.264, Firefox supports ogg (Theora) and WebM etc, which means that you would need to provide all formats in order to be compatible with all browsers.
The rest is pretty much supported everywhere.
well, HTML 5 is not yet standardized. Due to this, every browser that support html5 works differently. As far video tag is concerned then you have to provide with different formats so as to get support on various browser list. You can test browser support on this site. Here you can get all the details about the extent your browser support to HTML5
I find this page a good resource (although it is starting to get old as it was earlier this year): http://www.longtailvideo.com/html5
On a separate note, I find if you go to mobile devices such as Android the browser support varies greatly per device. Even though they are "supported" I always get strange behavior.
As for poster, there is no good solution if you want to have support across all browsers.
I would like to know if HTML5 validation could already by used as a substitute to javascript validation.
HTML validation is so much easier and I want to implement it in my website but I am not sure of it is safe enough.
HTML5 validation is a feature that is fully implemented in several browsers, but is not fully implemented in many older browser versions, notably IE <10, Safari (all versions), as well as older versions of Chrome, Firefox, and Opera.
For those browsers that do not support it, however, you should look into using a Javascript polyfill such as Modernizr to ensure that users with other browsers will have their inputs validated as well. (There may be other polyfills available, but Modernizr is the most popular and widespread option currently available)
Check out this resource for HTML5 validations (see the required attribute). It goes on to explain browser compatibility:
http://diveintohtml5.info/forms.html
Hi kind people of the internet,
Why doesn't Modernizr work in IE for a simple HTML5 input field?
I posted something similar yesterday, but didn't seem to explicitly explain the issue clearly enough, as the answers seem to point towards loading/referencing yet more libraries to shim/crutch IE.
Here's my page: http://www.msa.saccounty.net/utilitybilling/streetview/TestHTML5pagev6.aspx
I'm attempting to validate the input of an account number using HTML5 as follows:
<label for="account">Account Number: </label>
<input id="account" name="inputAccount"
placeholder="input billing account number"
pattern="/(^500)|^\d{11}"
required
autofocus
type="text"/>
If I'm understanding things properly, by referencing Modernizr on my page, HTML5 should simply work in old browsers, including IE?...or am I being naive?...if Modernizr doesn't really fix anything for IE, then I'm a bit befuddled about what all the hype is.
Things work great in Firefox, Chrome, Safari...but alas not in IE8. So what might I be doing wrong with Modernizr?...in theory I shouldn't have to use yet-another js library to make HTML5 work in IE.
thanks in advance
Modernizr does not make HTML5 "work" in browsers, but allows you to detect HTML5 features so you can have a fallback solutions for old browsers while taking advantage of HTML5 features in the browsers that do understand them.
It is feature detection and nothing more, used for progressive enhancement. Basically you use Modernizr to check if a feature exists. If so, use it. If not - use a fallback
Just read the first paragraph of the Modernizr documentation:
Modernizr is a small JavaScript library that detects the availability of native implementations for next-generation web technologies, i.e. features that stem from the HTML5 and CSS3 specifications. Many of these features are already implemented in at least one major browser (most of them in two or more), and what Modernizr does is, very simply, tell you whether the current browser has this feature natively implemented or not.
(My emphasis at the end [theirs at the beginning].)
The hype is that all of this feature-checking is pre-built, comprehensive, maintained, and (in some cases) non-trivial.