ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

HTML5

2019-09-20 17:05:53  阅读:235  来源: 互联网

标签:定义 datalist 标签 音频 HTML5 input 属性


都是网上收集的资料,非原创。仅供自己学习做笔记用的,发原创只是为了分享自己的笔记,侵权就删

HTML5新标签

常用

header:定义文档页眉头部

nav:定义导航链接的部分

footer:定义页面底部 

article:定义文章

section:定义文档中的节(section、区段)

aside:定义其所处内容之外的内容 侧边

datalist

定义和用法

<datalist> 标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。

datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。

请使用 input 元素的 list 属性来绑定 datalist。

下面是一个 input 元素,datalist 中描述了其可能的值:

<input type="text" name="" value="输入明星" list="star"/>
<datalist id="star">
    <option>刘德华</option>
    <option>刘诺言</option>
    <option>任问问</option>
    <option>任玩得</option>
</datalist>

fieldset

组合表单中的相关元素:

  <fieldset>
    <legend>健康信息</legend> 标题
    身高:<input type="text" /><br>
    体重:<input type="text" />
  </fieldset>

新增的input type类型

<form>
    邮箱:<input type="email"/><!--aa@aa.com-->
    手机:<input type="tel"/><!--手机各种 数字-->
    数字:<input type="number"/><!--只能是数字-->
    url:<input type="url"/><!--网址格式-->
    搜索:<input type="search"/><!--搜索-->
    区域:<input type="range"/><!--区域-->
    时间:<input type="time"/><!--时间格式-->
    年月日:<input type="date"/><!--年月日-->
    颜色:<input type="color"/><!--颜色-->
    <input type="submit"/>
</form>

placeholder 占位符

<input type="text" placeholder="请输入">  占位符 提供预期输入文字,当用户输入的时候,里面的文字消失。删除所有文字,自动返回

autofocus 自动获得焦点

<input type="text" placeholder="请输入"  autofocus="autofocus">

multiple  上传多个文件

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

autocomplete 自动记录

不想有记忆功能 可以把on改成off

embed 多媒体标签

 embed可以用来插入各种多媒体,格式可以是 Swf、Midi、Wav、AIFF、AU、MP3等等,Netscape及新版的IE 都支持。src为音频或视频文件及其路径,可以是相对路径或绝对路径

audio

<audio> 标签定义声音,比如音乐或其他音频流。

属性

属性 描述
autoplay autoplay 如果出现该属性,则音频在就绪后马上播放。
controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
loop loop 如果出现该属性,则每当音频结束时重新开始播放。
preload preload

如果出现该属性,则音频在页面加载时进行加载,并预备播放。

如果使用 "autoplay",则忽略该属性。

src url 要播放的音频的 URL。

 

标签:定义,datalist,标签,音频,HTML5,input,属性
来源: https://blog.csdn.net/Renxiabai/article/details/100133749

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有