首页 > 代码库 > 回顾-总结(2)

回顾-总结(2)

最近回顾了一下以前学的知识,发现有许多新的知识和遗忘的内容。

HTML 5 <input> type 属性

  <input type="button" value=http://www.mamicode.com/"button">    //提交按钮

  <input type="checkbox">            //复选框

  <input type="color">              //取色器

  <input type="date">              //日期选择控件

  <input type="datetime">            //日期选择控件
  <input type="datetime-local">        //日期选择控件
  <input type="week">              //日期选择周控件
  <input type="month">             //日期选择月控件

  <input type="email">              //识别e-mail 地址
  <input type="url">                    //识别url 地址

  <input type="file">              //上传文件

  <input type="radio" name="aaa">  
  <input type="radio" name="aaa">        //单选框

  <input type="range">                   //数字字段控件

  <input type="search">                 //搜索框

  <input type="tel">                    //电话号码(移动端)

HTML 5 新的标签及用法

<article></article>                //文章(大文)
<section>                //定义文档中的其他部分(小文)
<aside></aside>                    //旁白,定义 article 以外的内容

<audio>                            //定义声音插件
<video>                            //定义视频插件
<source>                //资源路径(audio,video)
<embed>                            //定义插件   

<canvas>                           //定义图形

<datalist>                         //与 input 元素配合使用的下拉列表

<details>                          // 标签定义元素的细节----显示隐藏(外)
<summary>                //显示隐藏(内)

<figcaption>                       //定义图片标题
<figure>                           //对figcaption的组合   

<footer>                           //页脚
<header>                           //页眉

<hgroup>                           //组合标题

<mark>                             //高亮文字

<meter>                            //进度条
<progress>               //显示 JavaScript 中耗费时间的函数的进程条

<nav>                              //导航栏

<output>                 //表单输出(form简单计算)

<time>                  //定义日期或时间(<time>9:00</time>)

  

  

回顾-总结(2)