Home > Developer > Web Develop
Html5 css3 New Form Features and html5css3 New Features
2. How to patch browsers that do not support new features 1. How to patch browsers that do not support new features 1. Modernizr
Patch download
<!DOCTYPE html><HTML><HEAD><TITLE> New Document </TITLE><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css"></style><script type="text/javascript">function showValue(newValue) { document.getElementById("range").innerHTML=newValue; }</script></HEAD><BODY><p><label for="email">Your Email address</label><input id="email" name="email" type="email" placeholder="dwight.schultz@gmail.com" required aria-required="true"></p><p><label for="yearOfCrime">Year Of Crime</label><input id="yearOfCrime" name="yearOfCrime" type="number" min="1929" max="2015" required aria-required="true"></p><p><label for="web">Your Web address</label><input type="web" name="web" type="url" placeholder="www.mysite.co"></p><p><label for="search">Search the site...</label><input id="search" name="search" type="search" placeholder="Wyat Earp" autofocus></p><p><label for="tel">Thphone(so we berate you if you're wrong)</label><input id="tel" name="tel" type="tel" placeholder="1-234-546758" autocomplete="off" required aria-required="true"></p><p> <label for="name">Your Name (first and last)</label> <input id="name" name="name" pattern="([a-zA-Z]{3,30}\s*)+[a-zA- Z]{3,30}" placeholder="Dwight Schultz" required aria-required="true"></p><p> <label for="color">Your favorite color</label> <input id="color" name="color" type="color"></p><p> <label for="date">Your favorite date</label> <input id="date" name="date" type="date"></p><p> <label for="week">Your favorite date</label> <input id="week" name="week" type="week"></p><p> <label for="time">Your favorite time</label> <input id="time" name="time" type="time"></p><p> <label for="datetime">Your favorite datetime</label> <input id="datetime" name="datetime" type="datetime"></p><p> <label for="range1">Your favorite datetime</label> <input id="range1" name="range1" type="range" min="1" max="10" value="5"></p><p><input id="howYouRateIt" name="howYouRateIt" type="range" min="1" max="10"value="5" onchange="showValue(this.value)"><span id="range">5</span></p></BODY></HTML>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
