编号：时间：2021年x月x日书山有路勤为径，学海无涯苦作舟页码：第PAGE6页共NUMPAGES6页第PAGE\*MERGEFORMAT6页共NUMPAGES\*MERGEFORMAT6页HTML5拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。本文将介绍HTML5新的Input类型。AD：HTML5拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。介绍这些新的输入类型：emailurlnumberrangeDatepickers(date,month,week,time,datetime,datetime-local)searchcolortelephonecolorEMAIL<inputtype="email"/>在提交表单时会自动验证email的格式效果：URL<inputtype="url"/>在提交表单时会自动验证url的格式效果：NUMBER<inputtype="number"max="9"min="0"step="2"/>可以限制输入的数字，step为上一个数字与下一个数字的间隔效果：RANGE<inputtype="range"min="1"max="10"/>滑动条，能过选择性的对限制范围内的数值进行设置效果：DatePickers(数据检出器)HTML5拥有多个可供选取日期和时间的新输入类型：date-选取日、月、年month-选取月、年week-选取周和年time-选取时间(小时和分钟)datetime-选取时间、日、月、年(UTC时间)datetime-local-选取时间、日、月、年(本地时间)ThisishowOperarenders<inputtype="date">:Ifyouneedatimetogowiththatdate,Operaalsosupports<inputtype="datetime">:Ifyouonlyneedamonth+year(perhapsacreditcardexpirationdate),Operacanrendera<inputtype="month">:Lesscommon,butalsoavailable,istheabilitytopickaspecificweekofayearwith<inputtype="week">:Lastbutnotleast,youcanpickatimewith<inputtype="time">:地址：http://diveintohtml5.org/forms.html以上都是从关于时间的都是网上找到，自己做的是这样的其中图片中显示的UTC为世界统一时间SEARCH<inputid="search"type="url"list="searchlist"required/><datalistid="searchlist"><optionvalue="http://www.google.com"label="Google"/><optionvalue="http://www.yahoo.com"label="Yahoo"/><optionvalue="http://www.bing.com"label="Bing"/></datalist>这里的datalist相当于下拉列表，可以进行选择效果：TELEPHONE<inputtype="telephone"/>可输入一个电话号码效果：COLOR<inputtype="color"/>可以获取颜色效果：以上个人图片效果显示均来自opera浏览器下面图片时各主流浏览器对input的支持情况：input标签表单类型的显示情况：