首页 > 代码库 > HTML5学习笔记之Input类型

HTML5学习笔记之Input类型

Input类型——email

  email类型用于包含email地址的输入域,在输入地址时会自动验证email域的值

  例:Email:<input type="email" name="user_email">

  在提交时会自动检测输入内容是否合法

Input类型——url

  url类型用于应该包含url地址的输入域,在提交时会自动检测url域的值

  例:url:<input type="url" name="user_url">

  提交时会自动检测输入域的内容是否为合法的网址

Input类型——number

  number类型用于应该包括数值地址的输入域

  可以对输入域的数字进行限定

  例:Point:<input type="number" max="10" min="1" name="points">

  在输入域中输入数字时会自动对输入的数字进行检测,只有在1—10之间的数字才合法

  例:<input type="number" max="10" min="1" step="3" >

     在此处输入时规定输入数字须在1-10之间,并且必须是以3为合法的数字间隔

Input类型——range

  range类型用于输入在一定范围内的数字

  range类型显示为滑动条

Input类型——Date Pickers

  Date Pickers为类型选择器,拥有多个可供选择的日期选择器:month、week、time、datetime_local

 

HTML5学习笔记之Input类型