在HTML里面大家最常用的也许就是FORM表单了.这样可以提交数据到后台来处理.
但是大家是否对普通的<label><input type="text"/></label>这种单调的格式感到厌烦了呢?
比如让人家既添身高项又添体重项.这都属于个人基本身体健康情况的.有没有东西能让人一下看出来这是健康状况的选项呢?
嘿嘿.不卖关子了.看一下fieldset和legend吧.
fieldset定义和用法
fieldset 元素可将表单内的相关元素分组。
<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。<fieldset> 标签没有必需的或唯一的属性。
当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚
至可创建一个子表单来处理这些元素。
legend定义和用法
legend 元素可为 fieldset 定义一个标题。
<html>
<body>
<fieldset>
<legend>健康信息:</legend>
<form>
<label>身高:<input type="text" /></label>
<label>体重:<input type="text" /></label>
</form>
</fieldset>
<p>如果输入表单周围没有边框,说明您的浏览器太老了。</p>
</body>
</html>
效果如附件图:
- 大小: 23.8 KB
分享到:
相关推荐
第14周-16章节-Python3.5-html的body内标签之fieldset标签和label标签.avi
MyJsp(html的fieldset使用 MyJsp(html的fieldset使用MyJsp(html的fieldset使用MyJsp(html的fieldset使用
jquery fieldset和legend标签代码是一款基于jQuery实现的简单的样式代码。
HTML中fieldset如何把界面上需要在一块的内容放到一个容器,即分组
fieldset标签定义说明.docx
可收放的HTML fieldset。 模仿MSDN的可收放Fieldset 。
之前HTML没有好好学,导致以前看到控件组样式感觉很新奇,fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段,接下来对HTML中fieldset标签的使用进行详细解读,感兴趣的朋友可以了解下,或许对你有所帮助
Extjs fieldset两行两列布局
几乎被设计师遗忘了的标签fieldset legend
FieldSetView是一个Android自定义视图,它模仿HTML中的“ fieldset”标签。 下载 Gradle: 将以下内容添加到您的项目级别build.gradle中: allprojects { repositories { maven { url "https://jitpack.io" } }...
<fieldset id="annex1" style="width:800px"> <legend>SubTable 1 SubTable List Field1 Field2 Field3 ...
cmxform-fieldset
jquery fieldset和legend标签代码是一款基于jQuery实现的简单的样式代码。
用Ext自定义一个类似于Fieldset的组件,还有数据绑定昂,跟json数据的交互,和后台交互使用了URLLoader,很强大,之前在网上找了很多,没有找到,后来我师傅给我源码,这里跟大家分享一下,有用到的童鞋们可以参考...
响应式Web开发项目教程(HTML5+CSS3+Bootstrap)第2版 第4章 HTML5表单的应用 例4-6 fieldset
Flex3自定义组件类似于Fieldset
JavaScript方法代码: 代码如下:// 设置FieldSet高度方法,支持IE浏览器、Firefox // 参数1:pTableID,FieldSet内部div或table的id // 参数2:pFieldSetID,FieldSet的ID // 参数3:pImageID,图片的ID,展开或收缩...
js控制fieldset高度的代码
ExtJS的FieldSet的column列布局,需要的朋友可以参考下。