html5学习系列之ef类标签

旧标签：

（1）<fieldset>标签

作用：可以将表单中的相关元素分组，在相关表单元素周围绘制边框。

属性：disabled ：值为disabled 是否被禁用

form：值为form_id，规定fieldset所属的一个或多个表单。

name：名称

新标签：

（1）<embed>标签

作用：定义一个容器，用来嵌入外部应用或互动程序插件

属性：

height,src:url,type,width; 

（2）<form>标签

作用:用于创建供用户输入的html表单 

新属性：

autocomplete：on|off 规定是否启用表单自动完成功能

novalidate: novalidate 如果使用该属性，则提交表单时不进行验证。

旧属性：

accept-charset：规定服务器可处理的表单数据字符集。

action:url 规定当提交表单时向何处发送表单数据。

method:get|post 规定用于发送表单数据的HTTP方法。

target：规定在何处打开action url.

（2）<figcaption>标签

作用：为figure元素定义标题，为<figure>元素的第一个或最后一个子元素的位置

（3）<figure>标签

作用：规定独立的流内容（图像，图标，照片，代码等等），内容应该与主内容相关，位置是独立的。

（4）<footer>标签

作用：定义文档或者文档的一部分区域的页脚，包含它所包含的元素的信息。应该在<footer>中使用<address>标签

 

三、涉及到的代码：

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>html5学习系列之ef标签</title>
</head>
<body>
	<!--embed标签-->
<embed src="helloworld.swf" tppabs="http://w3schools.com/tags/helloworld.swf" height="100px">
	<!--fieldset标签-->
	<form>
		<fieldset>
			<legend>Personalinfo</legend>
			Name:<input type="text"><br>
			Email:<input type="text"><br>
			Date of birth:<input type="text"><br>
		</fieldset>

	</form>
	<!--figure figcaption标签-->
	<figure>
		<img src="test.jpg" alt="my adol" height="228" width="304">
		<figcaption>Fig.1 - G-Dragon</figcaption>
	</figure>
	<!--form标签-->
	<form action="demo-form.jsp">
		Name:<input type="text"  name="FirstName" value="Mickey"><br>
		Email:<input type="text"  name="LastName" value="Mouse"><br>
		<input type="submit" value="submit">
	</form>
	<!--footer标签-->
	<footer>
		<p>Posted by :Gabby</p>
		<p><time pubdate datetime="2015-04-04"></time></p>
	</footer>
</body>
</html>

　　

posted @ 2016-04-04 15:18  emma_zhang  阅读(683)  评论(0)  编辑  收藏  举报