关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

制作网站表单分组,HTML表单分组方法,fieldset与legend标签作用

作者:佚名   时间:2014-04-09   分享到:

网站表单分组,HTML表单分组方法

除单独的标记外,也可以将一群表单控件形成一个组,并用<fieldset>和<legend>标签来标记这个组。HTML4和XHTML标准希望用户能更好地存取这些表单,尤其是对于那些残疾人士来说。将表单控件分组变成一些显式的部分,给你提供了一种机会,你可以进行特殊的显示,当然也可以管理这些表单内容。

<fieldset>标签

<fieldset>标签将表单内容的一部分打包,生成一组相关表单字段。<fieldset>没有必需的或是惟一的属性。当一组表单元素放到<fieldset>标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D效果,或者甚至可创建一个子表单来处理这些元素。

<legend>标签

使用<legend>标签可为表单中的一个字段集合生成图标符号。这个标签可能仅能在<fieldset>里显示。与<label>类似,<legend>内容可以得到支持HTML 4

和XHTML的浏览器的特殊对待,当它被选定时,焦点会转移到相关的表单元素上,也可以用来提高用户对<fieldset>的控制。

除了支持表单元素属性外,<legend>标签也支持accesskey和<align>属性。align的值可以是top, bottom, left或right,向浏览器说明图标符号应该放在字段集的什么位置。

将所有标签组合起来,下面是一个包含几个个别标记的表单元素的字段集和图标符号。

<fieldset>
    <legend>联系方式</legend>
    <label>姓名:<input type="text"/></label>
    <label>地址:<input type="text"/></label>
    <label>电话:<input type="text"/></label>
</fieldset>

建HTML网站表单分组示例

注意在图中,浏览器围绕着字段集合并通过图标符号来放置一个框架,但它并没有定义字段集合内容的格式,显然,使用fieldset和legend标签制作网站表单时需要变化一下格式。



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/contact/20151229/n7283.html

上海联楷网络新闻