草庐IT

Fieldset

全部标签

HTML fieldset允许 child 无限扩展

我想在fieldset中放置一个可滚动的框,但我遇到了一个怪癖,我想不出办法解决它。当您将可滚动的div放在fieldset中时,fieldset会扩展而不是使可滚动元素滚动。这是atestcase.以下无限扩展(嘘):Loremipsumdolorsitamet,consecteturadipiscingelit.Sedloremarcu,sodalesnongravidaeget,vehiculavitaenulla.Quisqueturpisjusto,consecteturutegestasat,pulvinarnecdiam.Donecporttitorlobortiseli

html - 使用 CSS 使 <fieldset> 适合其内容的大小?

这是一个fiddle.我需要制作其内容的宽度,而不是其父级。有什么好的方法吗? 最佳答案 添加display:inline到字段集http://jsfiddle.net/XDMfN/92/ 关于html-使用CSS使适合其内容的大小?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/3874631/

html - 带 <fieldset> 的框阴影 CSS。 Firefox 与 Chrome

我在Firefox上遇到CSS问题。在Chrome上完美呈现的字段集:在firefox中显示如下:我发现从CSS顶部(字段集边框上方)移除boxshadow在Firefox上消失了,但我没有阴影。怎么能把它们都说成一样呢?代码如下:LoginUsername:Password:>>   GO还有CSS:.loginButton{background:-moz-linear-gradient(90deg,#0459B7,#08ADFF)repeatscroll00transparent;background:-webkit-linear-grad

html - 为什么 <fieldset> 的清除 float ?

考虑以下测试用例,其中一个float元素和一个内联元素被放置在中。与:.float{float:right;background-color:red;height:200px;}WithfielsetInline!Float!Inline!Float!WithdivInline!Float!Inline!Float!呈现时,fieldset容器有200像素高(它们会清除float?),而div容器仅与行内元素一样高。此行为的原因是什么,是否有允许fieldset的解决方法?容器行为为div容器呢? 最佳答案 显然元素aresuppo

html - 使用 fieldset HTML 标记是否具有分组表单之外的意义?

通常,我在表单中见过它,但我发现它有助于对相关数据集进行分组(例如,当页面上有多个表时,使用围绕每个表或一组相关表的字段集来定义可见的含义和组名(图例))。这是否滥用了fieldset标记,以至于在我的使用中它不再具有语义意义? 最佳答案 我认为这属于滥用行为。http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.10指出“FIELDSET元素允许作者对主题相关的controls和标签进行分组”。 关于html-使用fields

html - 使用fieldset标签有什么好处?

使用有什么优势?标签?我真的不明白它的用途。 最佳答案 表单通常被分解成不同的字段集。fieldset标签允许您对字段集进行逻辑分组,以便您的表单更具描述性。您还会注意到,您可以使用字段集来设置表单样式并显示字段之间的逻辑关联。就像您在“真实”世界中找到的形式一样。使用字段集的“优势”是它们允许您以最语义可用的方式标记您的数据(在本例中为表单)。考虑将字段放在字段集中比将字段放在div中更具描述性。div不会告诉您字段之间的关系,字段集会告诉您存在关系。这与许多新的HTML5标签集的原理相似。例如,与模棱两可的相比,它告诉您更多有关

html - 不使用form标签使用fieldset标签是不是错了?

我想知道我是否可以在不在form内的情况下使用fieldset标记。因为我喜欢它包含legend和内部html周围的边框内容的方式。当我用它来包含li元素时,它的行为确实像它在表单中实际存在(视觉)一样。 最佳答案 它是有效的HTML5。将以下HTML粘贴到验证器:http://validator.w3.org/check:TitleTest它也是有效的HTML4。替换具有以下内容,它仍然通过验证: 关于html-不使用form标签使用fieldset标签是不是错了?,我们在StackO

html - 不使用 <fieldset> 标签是否可以实现类似 <fieldset> 的效果?

我个人喜欢标签,因为它如何绘制一个框并放置在它的顶部,越过边界。像这样。然而,fieldset元素被用来组织forms,用它做一般设计并不比用表格做一般设计好。所以,我的问题是...如何使用另一个标签实现相同的结果?必须删除下的边框(或将使用的任何其他标签),并且由于可能有一个“复杂”的body背景图像,我不能只设置background-color与下面的元素之一相匹配的图例。我希望它在没有JavaScript的情况下也能工作,但CSS3和基于XML的格式(例如SVG或XHTML)也可以。 最佳答案 DemojsBinlink.fi

html - 将 Fieldset Legend 与 Bootstrap 一起使用

我正在为我的JSP使用Bootstrap页面。我想使用和我的表格。这是我的代码。StartTimeStart:CSS是fieldset.scheduler-border{border:1pxgroove#ddd!important;padding:01.4em1.4em1.4em!important;margin:001.5em0!important;-webkit-box-shadow:0px0px0px0px#000;box-shadow:0px0px0px0px#000;}legend.scheduler-border{font-size:1.2em!important;font

html - 为什么 <fieldset> 不能是 flex 容器?

我尝试使用display:flex和display:inline-flex设置fieldset元素的样式。但是,它不起作用:flex的行为类似于block,而inline-flex的行为类似于inline-block。这在Firefox和Chrome上都会发生,但奇怪的是它在IE上也能正常工作。这是一个错误吗?我找不到fieldset应该有任何特殊行为,在HTML5中也没有。也不在CSSFlexibleBoxLayout规范。fieldset,div{display:flex;border:1pxsolid;}foobarfoobar 最佳答案