智能表单应用的了解

xiaoxiao2021-02-28  107

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 >                          
转载请注明原文地址: https://www.6miu.com/read-32887.html

最新回复(0)