首页 > 代码库 > 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新增内容