在html中<fieldset>和<div>标签的作用?

在html中<fieldset>和<div>标签的作用?,第1张

fieldset 元素可将表单内的相关元素分组。

<fieldset>标签将表单内容的一部分打包,生成一组相关表单的字段。

当一组表单元素放到 <fieldset>标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。

<fieldset>标签没有必需的或唯一的属性。

<div>可定义文档中的分区或节(division/section)。

<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。

如果用 id 或 class 来标记 <div>,那么该标签的作用会变得更加有效。

将fieldset的float:left去掉,不然会往左移的

设置左右magin为auto即可居中

fieldset {

    margin: 0 auto

    float: none

}

当然还有其他居中方法:用inline-block,position,还有flex都可以

检查一下你的HTML标记<fieldset>

fieldset标记在网页中可以实现WinForm中的GroupBox般的边框效果

把相关代码贴出来看一下子

我把你贴出来的代码试着运行了一下子,没有问题呀:

<html xmlns="" >

<head runat="server">

<title>无标题页</title>

<script language="javascript" type="text/jscript">

</script>

</head>

<body>

<form id="form1" runat="server">

<div>

<fieldset style="width:240px">

<legend>创建皮肤文件</legend>

设置了默认皮肤的TextBox

<asp:TextBox runat="server" ID="TextBox1"></asp:TextBox><br /><br />

设置了命名皮肤的TextBox

<asp:TextBox runat="server" ID="TextBox2" SkinID="blue"></asp:TextBox><br /><br />

<asp:TextBox runat="server" ID="TextBox3" TextMode="MultiLine" Rows="4"></asp:TextBox><br /><br />

</fieldset>

</div>

</form>

</body>

</html>

有的时候书上也是有错误的,我看过好几本书,有些位置就是不对的,想想就算写书的不错,排版打字的也有可能错,呵呵,有的时候不一定非要按照书上的来做


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7351534.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存