HTML5音频,视频以及表格嵌入

本篇将介绍HTML5中的音频,视频,文本框,按钮以及表格嵌入

在以往的HTML 编程中,程序员们经常使用div以及不同的id名来编辑样式。

但是最大的缺点就是开发相对繁琐,需要敲入的代码繁多。

但是在HTML5中,在很多地方进行了改进,让编写网页或者游戏更加简单,代码看起来更加简洁。

1. 首先就是section,区段,具体的含义不必多说,但是指的一提的是,IE9仍然不支持section

<section></section>

2. 嵌入表格

<form></form>

表格属性

<!-- false 意味着保留表格中的value,会在之后讲解原因 -->
<form return false;"></form>

3. 嵌入文本框

<!-- 建立一个强制要求Input的文本框,且格式必须是url,提示符http://901it.com -->
<input id="favUrl" type="url" required placeholder="http://901it.com" />

4. 嵌入按钮

<input type="submit" value="Start" />

5. 嵌入音频

<audio src="/audio/5.mp3" id="mp3"></audio>

6. 嵌入视频

<video src="/video/5.mp4" id = "mp4" controls="controls" />

从以上就可以看出HTML5在编写起来是非常的简单且简洁。

之前说的return false主要是因为我们需要设计一个文本框,一个按钮,以及一个多媒体项目(可以使音频,也可以使视频),当文本框输入一个正确的url时,多媒体项目自动播放,如果不加上return flase的话,当你点击start的时候,页面将返回到初始页面。