首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

关于p标签不能嵌套div标签引发的标签嵌套问题总结

问题由来:中嵌套标签,两个都是块级元素,按理应该可以正常显示,但是最后的结果居然是多出来一段的效果,所以就在网上找了许多关于标签嵌套规则的资料,下面做一个个人总结。...* dir - 目录列表 * div - 常用块级容易,也是css layout的主要标签 * dl - 定义列表 * fieldset - form控制组 * form...,块元素和块元素一级,内联元素和内联元素一级 内联标签可以嵌套内联元素,不可以嵌套块状元素       正确  (内联嵌套内联)     ...有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:h1~h6、p、dt。... 错误  (特殊块级标签只能嵌套内联标签)          错误  (特殊块级标签只能嵌套内联标签) 块元素中嵌套的元素

2.8K30

form标签

Form 标签简介在使用 SpringMVC 的时候我们可以使用 Spring 封装的一系列表单标签,这些标签都可以访问到 Model 中的内容。...Form 标签的作用第一是它会自动的绑定来自 Model 中的一个属性值到当前 form 表单对应的实体对象,第二是它支持我们在提交表单的时候使用除 GET 和 POST 之外的其他方法进行提交,包括...Form 标签的使用方式首先需要引入 form标签库图片<%@ taglib prefix="fm" uri="http://www.springframework.org/tags/<em>form</em>" %...Form 标签的使用场景当编辑时, 跳转到 form 表单页, 传统模式要在跳转前先到数据库查询数据, 然后在进入表单页面进行数据的回显。...标签来进行显示,使用 Form 标签的要引入他提供的标签库也就是如下代码。

14010
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTML-form标签学习

    ml>              form标签学习                   <...--             form表单标签学习:                 作用:收集并提交用户数据给指定服务器                 属性:                     ...提交的表单项数据为键值对,键为name属性的值,值为用户书写的数据                     注意2:form标签会收集其标签内部的数据                     注意3...form表单域标签学习:                 作用:给用户提供可以进行数据书写或者选择的标签.                 ...value值                 form表单标签的使用:                 在点击数据提交时,form标签会将其内部所有form表单域标签中用户书写的数据按照method

    65000

    HTML标签嵌套规则

    HTML5学堂:HTML标签存在一定的嵌套规则,如果我们不遵循这个嵌套规则进行代码书写,也能够实现出基本的功能(这大概也是HTML+CSS的特殊之处吧),但是直接影响着我们的代码质量。...之后就是块、行的嵌套关系,对于列表项、form、table对子层内容有一定的要求。这样来记忆要好很多~ 基本嵌套规则 1、body可以直接包含块状元素、ins、del、script。...其他任何行内元素都不允许包含块状元素 3、p、h1-h6可以直接包含行内元素和文本信息,但是不允许包含块状元素 4、dl元素只允许包含dt和dd,同时dt不能包含块状元素,只允许包含行内元素,对于dd可以包含任何元素 5、form...原因在于input元素属于行内元素,form元素仅仅能够包含块状元素 6、table元素只能够包含caption、colgroup、col、thead、tbody、tfoot,不能够直接包含tr或者其他任何元素

    1.2K40

    优化网页链接结构a标签嵌套a标签问题以及解决方案

    a标签之内,后来不知道怎么了,好多主题都没有添加a标签了,但是想要假如却出现了两个a标签,这就可能导致新添加的要么无效,要么样式错乱,比如这个: 下面是html里面的代码               查看详情 看懂了啵~也就是说:a标签嵌套...a标签内,浏览器会自动添加结束符号,而HTML的嵌套规范里就有一条:a标签不能嵌套a。...解决方案 1、若非必须,换个其他的标签(简单粗暴~) 2、不能接受换标签,可以使用【object】标签进行嵌套 把作为子元素的a标签放在object标签里面,这样浏览器解析的与HTML里面编辑的是一样的...,即【display:inline-block;】设置【height/width】并设置为绝对定位将其放在里层a标签的位置,通过调整里层a标签及外层a的【z-index】大小,使得鼠标能正确选中a标签

    17310

    第153天:关于HTML标签嵌套问题详解

    HTML标签   1、块级元素 div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes...3、标签嵌套规则   虽然HTML标签有很多,并且我们在制作页面的时候可以无限的嵌套,但是嵌套也有规则,不能随意的嵌套。   ...有些标签是固定的嵌套规则,例如:ul包含li、ol包含li、dl包含dt和dd等,还有很多是独立的标签。...(6)a标签不能嵌套a标签(链接嵌套)     只要a标签里面也任何形式嵌套a标签,都会被浏览器解析为兄弟级关系     (7)如若需要进行链接嵌套,可以推荐使用area标签 对于链接的嵌套,平时如果大家留意的话...>   3、的子元素是transparent(以它的父元素允许的子元素为准),但不包括交互型元素(interactive content)   4、不可嵌套   5、<button

    1.5K20

    Form 表单 问题多多(上)

    不得不说,表单这个东西在前端开发的时候,问题是相当之多的,从嵌套规则、书写习惯,到浏览器的兼容问题,有很多需要注意的地方。...本篇博文当中主要内容 form标签必不可少 form标签嵌套规则 关于fieldset以及legend标签form标签中的基本属性 form标签必不可少 标签用于为用户输入创建 HTML...由于涉及数据的提交,form标签自然必不可少啦。 form嵌套规则 在嵌套规则当中,推荐form元素不直接包含行元素。而input属于行元素,换句话说,不推荐form元素直接包含input。...如果试图想把一个大的form在一个屏幕里面显示,就要指定那些标签保持在一个屏幕中。那么fieldset标签将这些标签捆绑在一个屏幕上。...来实现,因此很多大网站中是不存在fieldset标签的~ 在form标签中的基本属性 标签当中,必须出现action,最好也注明“method” action规定当提交表单时,向何处发送表单数据

    1.7K100

    修改 jquery.validate.js 支持非form标签

    尝试使用markdown来写一篇blog,啦啦啦 源代码传送门:github 在特殊情况下我们使用jquery.validate.js对用户输入的内容做验证的时候,表单并不是一定包含在form之中...,有可能是一个div弹层,有可能是嵌套form里面的一个div,这个时候官方的validate就不能很好的支持了。...对此,在官方的源代码基础上做小小的改动,就能兼容原有form方式,也能使用于非form方式,何乐而不为呢。...分析官方代码之后,能得知它都是通过element.form找到当前input的form,在从form标签获取validate对象。那只要我们修改为我们指定的容器标签即可。...; return container; } 2.替换所有使用element.form为$.validator.getContainer(element) demo: <div id="x

    3.2K20

    Form表单 问题多多(中)

    HTML5学堂 - 刘国利:在上一篇的博文当中,主要讲解了表单的嵌套规则与书写习惯。在本篇博文当中,我主要就具体的样式实现进行一下讲解,并提一下表单相关的浏览器兼容问题。...今天主要提到的标签有;label、文本框和密码框input、文本域。本文最早的版本也是在2013年8月时书写的,随着行业的变化,针对本篇文章也进行了内容的调整,调整时间2015年08月05日。...legend> HTML5学堂 - 独行冰海 - 刘国利:在上一篇的博文当中,主要讲解了表单的嵌套规则与书写习惯...在本篇博文当中,我主要就具体的样式实现进行一下讲解,并提一下表单相关的浏览器兼容问题。今天主要提到的标签有;label、文本框和密码框input、文本域textarea。...今天样式主要提及了label标签的意义和作用、input文本框|密码框的样式处理以及textarea的拖拽功能,下一篇文章里将继续讲解如何处理select、checkbox类型的表单元素样式。

    1.5K50

    Salesforce学习 Lwc(一) lightning-record-edit-form标签

    lightning-record-edit-form标签的运用 使用lightning-record-edit-form组件创建一个表单,该表单用于添加Salesforce记录或更新对象上现有记录中的字段...lightning-record-edit-form 支持一下几种方式 Editing a record's specified fields, given the record ID....Customizing the form layout Custom rendering of record data Working with Salesforce Data 该组件您提供字段级的安全性和共享...,因此用户只能看到他们有权访问的数据 Object API Name lightning-record-edit-form组件要求您指定object-api-name属性,以建立记录与对象之间的关系...例如,如果在顾客的记录页面上包含lightning-record-edit-form,请设置object-api-name =“ Account”。

    1.3K21

    django为Form生成的label标签添加class方式

    使用Form生成html标签的时候,虽然提供了widget的方法可以自定义标签的要是,但是只能给生成的input标签添加样式,对于生成的label标签无法添加样式。...}} {{ obj.email.label_tag }} {{ obj.email }} </body 这里可以看到,input标签里都是有class属性的,但是lable标签里没有,并且Form组件里貌似也没有提供为...attrs参数实现自定义属性的,问题是在前端使用模板语言的时候只能这样 {{ obj.email.label_tag }} 无法传入参数。...这里就自定义个模板语言的函数来解决这个问题。 自定义函数 要自定义函数,按照下面的步骤操作: 在APP下,创建templatetags目录,目录名字很重要不能错。...为input标签也写一个自定义函数 django默认的方法是在Form里,通过widgets小部件添加attrs参数来实现标签的自定义样式。这是在放在后端实现的。

    1.7K10
    领券