音频元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>audio音频元素</title>
</head>
<body>
<h3>audio 音频元素</h3>
<p>
audio元素用于嵌入音频内容，而音频元素的属性和视频元素类似。
音频的支持度和视频类似，使用source元素引入多种格式兼容即可。
主流的音频格式有：.mp3、 .m4a、 .ogg、 .wav
<ul>
<li>src视频资源的URL</li>
<li>autoplay设置后，表示立刻开始播放音频</li>
<li>preload设置后，表示预先载入音频</li>
<li>controls设置后，表示显示播放控件</li>
</ul>
</p>
<audio src="test.mp3" controls autoplay></audio>
<hr/>
<h4>多浏览器兼容</h4>
<audio controls>
<source src="test.mp3">
<source src="test.m4a">
<source src="test.wav">
</audio>
</body>
</html>
表单元素总汇
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h3>表单元素总汇</h3>
<p>
- form表示HTML表单<br />
- input表示用来收集用户输入数据的控件<br />
- textarea 表示可以输入多行文本的控件<br />
- select 表示用来提供一组固定的选项<br />
- option 表示提供提供一个选项<br />
- optgroup 表示一组相关的option元素<br />
- button 表示可用来提交或重置的表单按钮（或一般按钮）<br />
- datalist定义一组提供给用户的建议值<br />
- fieldset表示一组表单元素<br />
- legend 表示 fieldset 元素的说明性标签<br />
- label 表示表单元素的说明标签<br />
- output 表示计算结果<br />
</p>
<h3>form定义表单</h3>
<p>
form元素主要是定义本身是一组表单，用于向服务器提交用户录入的一组数据<br />
<ol>相关属性
<li>action 表示表单提交的目标地址</li>
<li>method 表示表单的请求方式：有POST和GET两种，默认GET</li>
<li>
<ol>
<li>GET提交数据上限为2K，POST提交理论上来说没有上限，不同的浏览器产品上限不同</li>
<li>GET采用？key=value进行传递，采用的是协议头；POST不会在地址栏中出现？,采用的是协议体进行数据传输</li>
<li>GET语义是查询数据，POST语义是新增数据</li>
</ol>
</li>
<li>enctype表示浏览器对发送给服务器的数据所采用的编码格式。
有三种：application/x-www-form-urlencoded（默认编码，不能将文件上传到服务器）、
multipart/form-data（用于上传文件到服务器）、
text/plain（未规范的编码，不建议使用，不同浏览器理解不同）
</li>
<li>name 设置表单名称，以便程序调用</li>
<li>target 设置提交时的目标位置：_blank、_parent、_self、_top</li>
<li>autocomplete 设置浏览器记住用户输入的数据，实现自动完成表单。默认为
on 自动完成，如果不想自动完成则设置 off</li>
<li>novalidate 设置是否执行客户端数据有效性检查</li>
</ol>
</p>
<form action="bb.do">
<input type="submit" value="提交数据" />
</form>
<h3>input用于用户输入数据</h3>
<p>
input元素默认情况会出现一个单行文本框。
<ol>有五个属性
<li>autofocus 让光标聚焦在某个 input 元素上，让用户直接输入</li>
<li>disabled 禁用 input 元素</li>
<li>autocomplete 单独设置 input 元素的自动完成功能</li>
<li>form 让表单外的元素和指定的表单挂钩提交</li>
<li>type是input元素的类型，内容较多</li>
<li>name 定义 input 元素的名称，以便接收到相应的值</li>
</ol>
</p>
<form>
<input disabled>
<input autofocus>
</form>
<h3>label添加说明标签</h3>
<p>
label元素可以关联input，让用户体验更好。且更加容易设置 CSS 样式
</p>
<form>
<label>用户名称：</label><input name=
最低0.47元/天 解锁文章
1799
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
