您的位置:首页 > Web前端 > HTML5

HTML5 智能表单

2017-04-23 13:33 316 查看
【HTML5 智能表单】

        H5新增input的form属性,用于指向特定form表单的id,实现input无需放在form标签之中,即可通过表单进行提交。

        <FORM id=foo>

            …

        </FORM>

        <INPUT … form="foo">

        type新增属性:详见表格

          email、URL、date、time、month、week、number、range、color

        input元素的新增属性:

        Autocomplete:自动完成功能.记录用户之前输入的内容,并在下次输入时自动提示完成输入。

        >>> 属性值: on/off

        >>> 可以在form表单上使用,对整张表单的所有控件进行自动完成的开关

              也可以在input上使用,对特定输入框进行修改。

        >>> 绝大部分浏览器,默认开启。

        Autofocus:自动获得焦点. autofocus="autofocus",只能设置input元素自动获得焦点。

        Form:所属表单。通过form表单的id,确定此input输入哪张表单。

        Required:必填.required="required" 设置input必填,否则阻止提交。

        Pattern:使用正则表达式验证input的模式(后续讲解)

        Placeholder:提示内容,当有value时,取消提示。-->
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: