JSFiddle

  • combine from/to input[type="date"] fields #27 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    //set the locale, so everyone see the same dateformat
    //jQuery.webshims.activeLang("en");
    //polyfill 
    jQuery.webshims.polyfill('forms forms-ext');
    
    
    jQuery ...
  • datalist example using different options #26 is the latest revision

    jQuery 1.7.1, HTML, CSS, JavaScript

    //implement forms (for datalist), but only if datalist is not available (forms would also implement constraint validation etc.)
    if (!Modernizr ...
  • datalist example using different options

    No-Library (pure JS), HTML, CSS, JavaScript

    //implement forms (for datalist), but only if datalist is not available (forms would also implement constraint validation etc.)
    if (!Modernizr ...
  • datalist example using different options

    No-Library (pure JS), HTML, CSS, JavaScript

    //implement forms (for datalist), but only if datalist is not available (forms would also implement constraint validation etc.)
    if (!Modernizr ...
  • datalist example using different options #45 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    //implement forms (for datalist), but only if datalist is not available (forms would also implement constraint validation etc.)
    if (!Modernizr ...
  • datalist example using different options

    No-Library (pure JS), HTML, CSS, JavaScript

    //implement forms (for datalist), but only if datalist is not available (forms would also implement constraint validation etc.)
    if (!Modernizr ...
  • datalist example using different options

    No-Library (pure JS), HTML, CSS, JavaScript

    //implement forms (for datalist), but only if datalist is not available (forms would also implement constraint validation etc.)
    if (!Modernizr ...
  • output example with localized number #43 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    if (jQuery.webshims && window.Modernizr && !Modernizr.inputtypes.number) {
        jQuery.webshims.polyfill('forms-ext');
    }
    
    
    jQuery(function($) {
        $('form').bind('input', function() {
            var hours = $('#hours').prop('valueAsNumber') || 0;
            var rate = $('#rate').prop('valueAsNumber ...
  • type=range and setCustomValidity #40 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    //implement forms-ext (for range support)
    jQuery.webshims.polyfill('forms-ext');
    
    
    jQuery(function($) {
        var testRangeValidity = function(){
            var message = !($.prop(this, 'valueAsNumber')) ? "you ...
  • dynamic datalist example #317 is the latest revision

    This example uses the service provided by http://geo-autocomplete.com/ to generate a dynamic HTML5 datalist. All options of the service are stored as JSON inside of data-datalist attribute, which helps you to generate a clean HTML component.

    //implement forms (for datalist) and ES5 (for forEach), but only if datalist/es5 is not available (forms would also implement ...