html表单 输入类型

1.email

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <!-- type 可为email、url、Number
        number可设置最大最小值 <input type="number" name="points" min="1" max="10" />-->
        <form action="demo.asp" method="get">
        E-mail:<input type="email" name="user_email" /><br />
        <input type="submit" />
        </form>
    </body>
</html>

 

 

2.number

 <input type="number" name="points" min="1" max="10" />

　　

属性值描述
max number 规定允许的最大值
min number 规定允许的最小值
step number 规定合法的数字间隔（如果 step="3"，则合法的数是 -3,0,3,6 等）
value number 规定默认值

3.Date Pickers（日期选择器）

HTML5 拥有多个可供选取日期和时间的新输入类型：

  • date - 选取日、月、年
  • month - 选取月、年
  • week - 选取周和年
  • time - 选取时间（小时和分钟）
  • datetime - 选取时间、日、月、年（UTC 时间）
  • datetime-local - 选取时间、日、月、年（本地时间）
input_date:<input type="date" name="user_date" />

posted @ 2020-08-18 22:00  DurianTRY  阅读(185)  评论(0)  编辑  收藏  举报