HTML <fieldset> 标签的具体用法是什么?怎么用fieldset设置边框颜色?
Lepaskan: 2018-08-16 14:09:10
asal
6536 orang telah melayarinya
HTML
标签的具体用法是什么?怎么用fieldset设置边框颜色?本篇文章为大家详细的介绍了HTML 标签的一些用法(有实例)和如何跟别的元素组合使用的一些技巧
HTML中fieldset标签的定义和用法:
fieldset 元素可将表单内的相关元素分组。
标签将表单内容的一部分打包,生成一组相关表单的字段。
当一组表单元素放到
标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。
标签没有必需的或唯一的属性。
标签为 fieldset 元素定义标题。
HTML 标签的属性:
组合表单中的相关元素:
看实例
<form>
<fieldset>
<legend>health information</legend>
height: <input type="text" />
weight: <input type="text" />
</fieldset>
</form> Salin selepas log masuk
HTML 标签对表单中的相关元素进行分组:
标签内的一组表单元素会在 WEB 浏览器中以特殊的方式显示,比如不同样式的边界、3D效果等。有实例
<form>
<fieldset>
<legend>个人信息:</legend>
姓名: <input type="text"><br>
邮箱: <input type="text"><br>
生日: <input type="text">
</fieldset>
</form> Salin selepas log masuk
HTML fieldset设置边框和颜色:
<fieldset style="border-width: 2px; border-color: #990000; width:95%; height:220">
<legend>你好你好</legend>
</fieldset> Salin selepas log masuk
放上去看看。然后自己调一下吧。。三个边框则把中间的bottom分别改为Top(上部)、Left(左部)、Right(右部)。
fieldset 标签 -- 对表单进行分组
在form表单中,我们可以对form中的信息进行分组归类,如注册表单的form,我们可以将注册信息分组成
基本信息(一般为必填)
详细信息(一般为可选)
那我们如何更好的来实现呢?我们可考虑在表单form中加入下面两个标签:
fieldset:对表单进行分组,一个表单可以有多个fieldset。
legend:说明每组的内容描述。
格式:
<fieldset>
<legend>health information</legend>
height: <input type="text"/>
weight: <input type="text"/>
</fieldset> Salin selepas log masuk
浏览器支持:
所有浏览器都支持
标签。
【相关推荐】
HTML IMG标签的属性是有哪些?了解IMG标签的用法
HTML5中的article标签是什么?HTML5中的article元素用在什么地方?
Atas ialah kandungan terperinci HTML <fieldset> 标签的具体用法是什么?怎么用fieldset设置边框颜色?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
2018-09-11 16:45:17
2018-09-11 16:39:07
2018-09-11 16:29:40
2018-09-11 16:10:13
2018-09-11 16:05:55
2018-09-11 16:01:50
2018-09-11 15:55:13
2018-09-11 15:50:18
2018-09-11 15:43:40
2018-09-11 15:34:44
Topik-topik yang berkaitan
Lagi>