智能表单应用的了解

XHTML或者HTML4.01中from和其中的表单标签(input、textarea、select、button)必须嵌套使用。
HTML5中为了方便排版，可以使from中的表单标签脱离from的嵌套。方法:from指定ID，所有表单标签均添加from=id属性。
例：
        < form action="" method="post" id="register" > < / form >
          < input type="text" name="user" form="register" / >

智能表单的使用和规范
        input表单的type新属性值
                        type="email"                                                                  限制用户输入必须为Email类型
                        type="url"                                                                      限制用户输入必须为URL类型//URL指带协议的网址，如HTTP/file/HTTPS....
                        type="date"                                                                    限制用户输入必须为日期类型
                        type="time"                                                                  限制用户输入必须为时间类型//时间选择器。Opera支持，其他不支持，24小时制
                        type="month"                                                              限制用户输入必须为月类型//O
                        type="week"                                                                  限制用户输入必须为周类型//O
                        type="number"                                                          限制用户输入必须为数字类型//数字只能写整形，不能写小数
                        type="range"                                                                产生一个滑动条的表单//如下图
       
                        type="search"                                                              产生一条搜索意义的表单 配合results="n"属性//C,搜索图标，谷歌猎豹支持，其他不支持。
                        type="color"                                                                  产生一个颜色选择表单//如下图
                   


新增的表单属性
                        Required                    required            表单拥有该属性表示其内容不能为空，必填
                        placeholder            提示文本            表单的提示信息，存在默认值将不显示
                        Autofocus                  autofocus      自动聚焦属性，页面加载完成自动聚焦到指定表单
                        Pattern                            正则表达式    输入的内容必须匹配到指定正则

Datalist标签配合option标签实现的自动填充表单功能
                        代码：
                                                自动填充表单< br />
                                    < input type="text" name="auto" value="" list="movie" / >
                                      < datalist id="movie" >
                                                  < option > 人在囧途 < / option >
                                                                                    < option > 车在囧途 < / option >
                                                  < option > 泰囧 < / option>
                                    < / datalist >
                      效果图：
                                                   

output的使用//输出框
      < form action="" method="post" οninput="result.value=parseInt(no1.value)+parseInt(no2.value)" >
                  < input type="number" name="no1" value="" / >
                  < input type="number" name="no2" value="" / >
                  < output name="result" > < / output >
            < / form >