`
cdwzwd
  • 浏览: 121757 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

div, span, form区别之处!

阅读更多
面试的时候可能会有人问div和form的区别,而实际上他们是不同的概念,完全没有可比性。下面将其简单整理一下,如果读者想更详细的了解,可以到W3C上看HTML。

<div> 是一个块级元素。
<div> 标签可以把文档分割为独立的、不同的部分。

<span>是一个行级元素。
<span>标签被用来组合文档中的行内元素。

他们都是用来定义格式的。


<form>是一个块级元素。
<form> 标签用于为用户输入创建 HTML 表单。

表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。

表单用于向服务器传输数据。


因此<form>是表单,和上面两个不是一个概念,它和表格、列表可以勉强算是类似的东西,但是它又可以是一个单独的东西,用来提交的,与后台的程序交互用的
分享到:
评论

相关推荐

    CSS里元素初始化文件html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,

    对css里的元素如:html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, ...

    悬浮层效果

    &lt;div class="title"&gt;&lt;div class="titcon"&gt;&lt;span class="login"&gt;用户登录&lt;/span&gt;&lt;span class="close" onclick="popdown()"&gt;x&lt;/span&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="content"&gt; &lt;form action="#" method="post" name=...

    h4界面开发

    &lt;/sup&gt;&lt;span class="sy_f"&gt;C&lt;/span&gt;&lt;/span&gt; &lt;span class="sy_sc"&gt; 加入收藏| 设为首页&lt;/a&gt;&lt;/span&gt; &lt;/div&gt; &lt;!--/top --&gt; &lt;div class="g"&gt;&lt;/div&gt; &lt;!--/banner --&gt; &lt;div class="h"&gt; &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;...

    ASP.Net电子商务网站后台模板

    &lt;form id="form1" runat="server"&gt; &lt;div id="logo" title="用户管理后台"&gt; &lt;/div&gt; 用户 :admin&lt;/a&gt;&nbsp;&nbsp; 身份 :超级管理员&lt;/a&gt;&nbsp;&nbsp; ()" target="content3"&gt;隐藏工作台&lt;/a&gt;&nbsp;&...

    当当网模板非常好用详细

    &lt;DIV class=login_reg&gt;&lt;SPAN&gt;还不是当当网用户?&lt;/SPAN&gt;快捷方便的免费注册,让你立刻尽享当当网提供的各项优惠及服务... ...

    图片上传即时预览兼容IE,火狐,GOOGLE

    &lt;span class="STYLE2"&gt;*&lt;/span&gt;封面: ;"&gt; &lt;div class="shurubj"&gt; &nbsp; ID="FileUpload1" runat="server" /&gt;请上传案例的封面图片&lt;/div&gt; &lt;div id="preview_wrapper" &gt; &lt;div id="preview_fake"&gt; &lt;/...

    layui 地区三级联动 form select 渲染的实例

    如下所示: ... &lt;label class=layui-form-label&gt;&lt;span&gt;所在城市 :&lt;/span&gt; &lt;div class=layui-input-inline&gt; &lt;select id=province name=province lay-filter=province&gt; 请选省份 &lt;/sele

    如家宠物网站

    &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="clearfix sitenav"&gt; &lt;div class="clearfix menu-main"&gt; &lt;li class="first-item"&gt; 首页index.html" class="home"&gt;&lt;span&gt;首页&lt;/span&gt;&lt;/a&gt; &lt;li &gt; 宠物医院介绍about...

    定制我的标签与默认选择我的标签.rar

    &lt;div class="plus-tag tagbtn clearfix" id="myTags"&gt;&lt;/div&gt; &lt;div class="plus-tag-add"&gt; &lt;form id="" action="" class="login"&gt; &lt;ul class="Form FancyForm"&gt; &lt;span class="label"&gt;我的标签:&lt;/...

    前端面试题

    一、单选题(每题2分,共10分) ...A &lt;!...DOCTYPE xhtml&gt; D &lt;!... 2、以下全部属于块级标签的是 A &lt;div&gt;&lt;p&gt;&lt;...span&gt;&lt;img&gt; B &lt;div&gt;&lt;h1&gt;&lt;p&gt;&lt;img&gt;&lt;dl&gt; C &lt;span&gt;&lt;h1&gt;&lt;p&gt;&lt;img&gt;&lt;dl&gt; D &lt;div&gt;&lt;p&gt;&lt;form&gt;&lt;ul&gt;&lt;h1&gt;

    响应式登陆注册模板

    &lt;div class="content-style-form content-style-form-1"&gt; &lt;span class="icon icon-close"&gt;Close the dialog&lt;/span&gt; &lt;h2&gt;Login &lt;form&gt; &lt;p&gt;&lt;label&gt;Email&lt;/label&gt;&lt;input type="text...

    浮点vfdsfJAVA实现链表,双向链表.txtJAVA实现链表,双向链表.txt

    "&gt;&lt;/span&gt;&lt;/div&gt;&lt;span id="uploadprogressbar"&gt;0%&lt;/span&gt; &lt;/div&gt; 上传速度:&lt;span id="uploadrate"&gt;&lt;/span&gt; 已用时:&lt;span id="uploadelapsetime"&gt;&lt;/span&gt; 预计剩余时间:&lt;span id="uploadlefttime"&gt;&lt;/span&gt; ...

    html5静态页面

    &lt;div class="find"&gt;&lt;button type="submit" class="sub"&gt;&lt;span&gt;&lt;img src="images/fd.jpg" /&gt;&lt;/span&gt; &lt;/div&gt; &lt;/form&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="mnu"&gt; ;margin-left:5px;"&gt; ;" style="text-align:center;"&gt; ...

    vue 验证码界面实现点击后标灰并设置div按钮不可点击状态

    input class=my-code-input type=text v-model=login_form.captcha placeholder=Your Captcha&gt; &lt;div class=my-code-get click=get_captcha id=new_yan&gt; &lt;span v-show=show&gt;Get Captcha&lt;/span&gt; &lt;span v-s

    购物车商品累加结算效果.zip

    &lt;span class="servicenum"&gt;已选择&lt;span class="goodsNum"&gt;{{goodsNum}}&lt;/span&gt;件商品&lt;span class="goodsNum"&gt;{{serviceNum}}&lt;/span&gt;项服务&lt;/span&gt; &lt;span class="totalclassPoin"&gt;总价:&lt;span class=...

    雅虎TAB效果代码 Javascript实现

    &lt;p&gt;Maybe a link to your emails or a form asking to login to retrieve your emails, or even a link to a &lt;a href="http://www.cssplay.co.uk/w3c/contact.html"&gt;Contact Page&lt;/a&gt;. &lt;/div&gt; &lt;!--[if lte IE 6]&gt;...

    jQuery修改标签内容实例

    jQuery修改标签内容:超链接a标签、span标签、div标签以及form表单标签。

    登录页面源码

    好玩的登录页面&lt;!...&lt;!...documentation"&gt;...login"&gt;&lt;div class="hand"&gt;&lt;/div&gt;&lt;div class="hand hand-r"&gt;&lt;/div&gt;&lt;div class="arms"&gt;&lt;div class="arm"&gt;&lt;/div&gt;&lt;div class="arm arm-r"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="pad"&gt;...

    div失去焦点事件实现思路

    我们都知道blur只是针对form表单控件的,而对于 span , div , li 之类的,则没办法触发它们的动作,现在我们只需要设置一个tabindex属性则可以触发它们的焦点事件了。 真实项目代码: 代码如下: Esc.PopupMenu....

    简洁的登录界面

    简洁的登录界面,可快速应用于开发项目中 &lt;!... ; charset=utf-8" /&gt; 蓝色透明登录界面模板 ...&lt;div class="main"&gt; ... &lt;div class="center"&gt; &lt;form action="" id="formOne" method...来源:源码之家&lt;/a&gt;&lt;/p&gt; &lt;/div&gt; &lt;/html&gt;

Global site tag (gtag.js) - Google Analytics