html5 css3表单新特性
2如何给不支持新特性的浏览器打补丁1 2如何给不支持新特性的浏览器打补丁1Modernizr
补丁下载
<!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="[email protected]" 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>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。