首页 > 代码库 > h5新增内容

h5新增内容

一、h5新增标签:摘取w3cSchool:

<article>定义 article。
<aside> 定义页面内容之外的内容。

<footer> 定义 section 或 page 的页脚。
<header>定义 section 或 page 的页眉。
<section>定义 section。

<nav>定义导航链接。

<canvas> 定义图形。
<audio> 定义声音内容。

<video>定义视频。
<bdi> 定义文本的文本方向,使其脱离其周围文本的方向设置

<command>定义命令按钮。
<datalist>定义下拉列表。
<details>定义元素的细节。
<embed> 定义外部交互内容或插件。
<figcaption>定义 figure 元素的标题。
<figure>定义媒介内容的分组,以及它们的标题。

<hgroup>定义有关文档中的 section 的信息。
<keygen>定义生成密钥。
<mark>定义有记号的文本。
<meter>定义预定义范围内的度量。

<output>定义输出的一些类型。
<progress>定义任何类型的任务的进度。
<rp>定义若浏览器不支持 ruby 元素显示的内容。
<rt>定义 ruby 注释的解释。
<ruby>定义 ruby 注释。

<source>定义媒介源。
<summary>定义 details 元素的标题。
<time>定义日期/时间。
<track>定义用在媒体播放器中的文本轨道。

二、H5新增表单元素:

在说表单新增元素之前先说下原有表单元素:

<form> 表示了文档中的一个区域

<input>输入文本框。例如.<input type="email" /> <input type="search" /><input type="url" /><input type="tel" /><input type="number" /><input type="range" min="10" max="1000" value="http://www.mamicode.com/50" /><input type="date" /><input type="color" />等

<button>按钮

<label> 标签为 input 元素定义标注(标记)。label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。<label> 标签的 for 属性应当与相关元素的 id 属性相同。

<option>:定义下拉悬着

<select>:下拉框悬着性的东西

<textarea>:文本区

<fieldset> 标签会在相关表单元素周围绘制边框

<legend><legend> 标签为 <fieldset> 元素定义标题。

<optgroup>标签经常用于把相关的选项组合在一起.

表单新增常用元素:

datalist标签.....被用来在为 <input> 元素提供"自动完成"的特性。用户能看到一个下拉列表,里边的选项是预先定义好的,将作为用户的输入数据。请使用 <input> 元素的 list 属性来绑定 <datalist> 元素。

output 标签......作为计算结果输出显示

表单常用属性:

action

 

method值

get
post

 

表单新增常用属性:

novalidate

 

h5新增内容