HTML5新增3和表单初级验证方法

一、HTML5新增input类型（接上篇）

5. <input type="number" min=" " max=" " step=" " value=" ">

                                用于数字

max                    规定允许的最大值

min                     规定允许的最小值

step                    规定合法的数字间隔(步长)

value                  规定的默认值

6.   <input type="range" name=" " min=" " max=" " step=" " value=" ">

                        进度条

7.<input type="date" name=" ">

           选择日、月、年

8.<input type="month" name=" ">

         选择月、年 

9.<input type="week" name=" >

          选择周和年

10.<input type="time" name=" ">

       选择时间（小时和分钟） 

11.<input type="datetime" name=" ">

    选择时间、日、月、年（UTC时间 格林威治时间） 手动输入的时间  

12. <input type="datetime-local" name=" " >

      选择时间、日、月、年（本地时间）可以选择 也可以手动输入 只能到分钟 没有秒  

 

                                                    这些都可以手动输入~

二、表单验证

 表单验证的好处

1.减轻服务器的压力

2.保证数据的可行性和安全性 

 表单初级验证的方法

1.placeholder     提示语

          input类型的文本框提供一种提示，可以描述文本框期待用户输入的内容，

            提示语默认显示，当文本框中输入内容时提示语消失

        适合于input标签：text、search、url、email和password等类型
       

2.required     必须填项

           规定文本框填写内容不能为空，否则不允许用户提交表单

        适合于input标签：text、search、url、email、password、number、checkbox、radio、file等类型

3.pattern         要符合规则（后期用于js）

用户输入的内容必须符合正则表达式所指的规则，否则就不能提交表单