HTML5中新增的表单元素[智能表单]

【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时，取消提示。

<form action="Test.html" method="get"><fieldset><legend>HTML5新增表单元素</legend><table><tr><td>邮箱</td><td><input type="email" name="email"></td></tr><tr><td>地址</td><td><input type="url" name="url"></td></tr><tr><td>日期</td><td><input type="date" name="data"></td></tr><tr><td>时间</td><td><input type="time" name="time"></td></tr><tr><td>月份</td><td><input type="month" name="month"></td></tr><tr><td>星期</td><td><input type="week" name="week"></td></tr><tr><td>滑动条</td><td><input type="range" name="range"></td></tr><tr><td>颜色</td><td><input type="color" name="color"></td></tr><tr><td><input type="submit"></td></tr></table></fieldset>
</form>

HTML5中新增的表单元素[智能表单]相关推荐

关于HTML5中的video和audio元素
<video>和<audio>元素是HTML5中新增的两个元素! Video:用于电影文件和其他视频流的播放. audio:用于音乐文件和其他音频流的播放. html: < ...
下面是html5中新增的结构元素的是,HTML5的新的结构元素介绍
HTML5的新的结构元素介绍一.HTML5与HTML4的区别 1. 取消了一些过时的HTML4的标签其中包括纯粹显示效果的标记,如和 ,它们已经被 CSS完全取代. 其他取消的属性:acronym ...
HTML5中新增的元素有哪些
HTML5中新增的元素有哪些 1.新增的结构元素语义化的标签<article></article> 文章<section></section> 独立的 ...
html 5 设置标签居中,Html5中新增标签与样式实现元素水平垂直居中的方法
Html5中新增标签与样式实现元素水平垂直居中的方法发布时间:2021-06-12 12:44:51 来源:亿速云阅读:71 作者:小新这篇文章将为大家详细讲解有关Html5中新增标签与样式实现 ...
html表单验证的作用,HTML5表单元素、表单属性、表单验证
[HTML5新表单] 1.type: - email : 验证逻辑不完整,只验证是否包含 @ : - search : - url : 验证逻辑不完整,只判断是否包含 http:// : - tel ...
HTML5中新增的音频标签是,HTML5新增的音频标签、视频标签
我们所说的H5就是我们所说的HTML5中新增的语言标准一.音频标签在HTML5当中有一个叫做audio的标签,可以直接引入一段音频资源放到我们的网页当中格式: 降级的文字说明(当音频文件不能本浏 ...
HTML5中的Article和Section元素
日期:2013-3-20 来源:GBin1.com HTML5带出了一系列新元素,并且将在未来被广泛应用.然而,有一些元素在使用时易被混淆,包括以下两个新元素:<article>和< ...
Html5中新增的表单元素详解
HTML5 的新的表单元素: HTML5 拥有若干涉及表单的元素和属性. •datalist •keygen •output datalist 元素 datalist 元素规定输入域的选项列表.列表是 ...
html中表单元素中的单选框,Html表单元素及表单元素详解
大纲 1.认识表单 2.认识表单元素 3.表单元素的分类 4.表单元素--文本框 5.表单元素button 6.表单元素--单选.多选 7.表单元素--select 8.表单元素--textarea ...

HTML5中新增的表单元素[智能表单]

HTML5中新增的表单元素[智能表单]相关推荐

最新文章

热门文章