`
cdwzwd
  • 浏览: 124050 次
  • 性别: 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, ...

    Js弹出div和关闭

    根据给定的信息,本文将详细解释如何使用JavaScript(简称JS)来实现弹出一个`div`元素,并在其中展示特定内容以及如何通过点击关闭按钮来隐藏这个`div`。 ### Js弹出div和关闭 #### 弹出div的原理与实现 在网页...

    悬浮层效果

    &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=...

    使用div+css布局,进行网页布局并实现如图效果

    ### 使用div+css布局进行网页布局的技术要点及实践 #### 一、网页布局的基本概念 在Web开发领域,网页布局是指将网页中的元素按照一定的视觉和功能需求进行组织与排版的过程。良好的网页布局不仅能够提升用户体验...

    超级漂亮的登陆页面(Div)

    - 可能还有其他辅助元素,如`&lt;label&gt;`标签关联输入框和提示文字,`&lt;span&gt;`或`&lt;p&gt;`标签显示错误或成功消息。 - 使用CSS类对每个元素进行定位和样式化,实现布局和视觉效果。 综合以上分析,这个"超级漂亮的登陆...

    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;...

    file文件和form表单同步上传

    在Web开发中,文件上传是一项常见的功能,而`file`文件和`form`表单的同步上传是实现这一功能的关键。Bootstrap是一个流行的前端框架,它提供了美观且响应式的UI组件,其中包括文件上传组件。在这里,我们将深入探讨...

    JQuery题库.docx

    结果是 `[&lt;div class="myClass"&gt;div class="myClass"&lt;/div&gt;, &lt;span class="myClass"&gt;span class="myClass"&lt;/span&gt;]`,因为这两个元素都具有 `myClass` 类。 4. 元素选择器 在第四个示例中,我们看到 HTML 代码中有...

    【JavaScript源代码】antd+vue实现动态验证循环属性表单的思路.docx

    &lt;a-form :form="form" @keyup.enter.native="searchQuery"&gt; &lt;div class="dynamic-wrap"&gt; &lt;div v-for="(item, index) in formList" :key="index"&gt; &lt;!-- 表单项 --&gt; &lt;a-col :span="6"&gt; &lt;!-- 名称 --&gt; &lt;a-form-...

    课程笔记。纯干货

    &lt;div class="form-group"&gt; 提示文字 &lt;input type="text" class="form-control"/&gt; &lt;span class="help-block"&gt;说明文字&lt;/span&gt; &lt;/div&gt; &lt;/form&gt; ``` - **行内表单**:适用于不需要额外行间距的情况。 ```html ...

    【ASP.NET编程知识】asp.net core标签助手的高级用法TagHelper+Form.docx

    &lt;div class="form-group"&gt; &lt;label asp-for="UserName"&gt;&lt;/label&gt; &lt;span asp-validation-for="UserName"&gt;&lt;/span&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label asp-for="Password"&gt;&lt;/label&gt; &lt;span asp-validation-...

    文档流 div+css

    - **示例:** `&lt;div&gt;`, `&lt;p&gt;`, `&lt;h1&gt;`, `&lt;h2&gt;`, `&lt;form&gt;`, `&lt;table&gt;`等。 **2. 内联元素(Inline Elements):** - **定义:** 内联元素不会独占一行,而是与其他内联元素在同一行显示。 - **特点:** 内联元素主要...

    div失去焦点事件实现思路

    然而,对于非表单元素,如`div`、`span`或`li`,它们默认并不支持焦点事件。 为了解决这个问题,我们可以利用`tabIndex`属性。`tabIndex`属性用于设置元素在页面上的获取焦点顺序。当用户按下`Tab`键时,浏览器会...

    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

    EditPlus写html的自动套用格式方法

    这段代码包含了HTML、CSS和JavaScript的常用结构,如`&lt;html&gt;`、`&lt;form&gt;`、`&lt;input&gt;`、`&lt;div&gt;`、`&lt;span&gt;`等元素,以及条件语句和循环语句的模板。 3. **保存文件**:确保正确保存文件后,即可进行下一步配置。 ###...

    如家宠物网站

    &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...

Global site tag (gtag.js) - Google Analytics