专栏首页Html5知典<fieldset>标签

<fieldset>标签

用途

<fieldset> 标签用于奖表单中的元素进行分组。该元素把 HTML 表单的一部分内容进行打包,生成一组与表单相关的字段。

当几个表单元素放到 <fieldset> 标签中后,浏览器能够用特殊的方式来显示这些标签,这些标签可能拥有特殊的边界、3D效果,甚至能够创建一个子表单来出来这些标签。

例子

<form> 
    <fieldset> 
        <legend>个人基本信息</legend> 
        姓名:<input type="text" />
        <br /> 
        年龄:<input type="text" /> 
    </fieldset> 
</form>

执行结果

个人基本信息姓名: 年龄:

标准属性

属性

描述

H5新

disabled

指定fieldset标签是否可见。

form

指定该fieldset标签所属的一个或多个表单。

变更点

<fieldset> 标签在HTML5与HTML4.01之间存在如下差异

  • HTML5有一些新的属性

本文分享自微信公众号 - Html5知典(gh_5b9c8e323efa)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-08-14

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 带你认识 flask 的模板

    在终端会话中设置环境变量FLASK_APP=microblog.py,然后执行flask run命令来运行应用。包含这个应用的Web服务启动之后,你可以通过在W...

    公众号---志学Python
  • 计算机技术|卡片视图CardView

    在使用MUI开发APP的过程中,功能的融合和美观的布局,往往能使得项目得以顺利进展。不错的设计肯定离不开MUI的各个控件。对于每个控件的熟悉,并且能个灵活的运用...

    算法与编程之美
  • 看完这篇,再也不用头疼文件「路径」的问题啦

    在实际应用过程中,我们经常会和各种文件打交道,「文件」是计算机中非常重要的东西,之前写过两篇关于 Python 操作文件的文章,不熟悉的可以先看看:

    Rocky0429
  • 一文搞懂 Webpack 多入口配置

    再一次,在网上找的不少文章都不合我的需求,很多文章都是只简单介绍了生产环境下配置,没有介绍开发环境下的配置,有的也没有将多入口结合 vue-router、 vu...

    前端劝退师
  • 老大说,网上这种获取真实IP地址的方法不对,我不信

    其中headers属性X-Forwarded-For,WL-Proxy-Client-IP不就是被更改了吗?

    物流IT圈
  • 【JS应用】Iframe 解决跨域

    跨域的东西, 简直不要接触太多,网上相关内容一抓一大把,但是突然学习到一个关于前端解决跨域的方式

    神仙朱
  • 26 个鲜为人知的 Python 技巧,成为真正的Pyer!

    人们还经常把 Python 笑称为「可执行伪码(executable pseudocode)」。但是,当你可以编写这样的代码时,很难去反驳这种言论:

    昱良
  • 云调用02-生成小程序码

    官方文档:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/functions/op...

    专注APP开发
  • 全世界都在努力做科研,只有我们在玩命的朝SCI灌水

    2016年世界最大学术出版商Elsevier旗下Scopus 数据库收录中国论文数首次超越美国,国际上第一次正式承认中国成为世界上最大的科研论文产出国。

    AI算法与图像处理
  • 小米OLAP服务架构演进

    如果你是一名数据分析师,或者是一位经常和 SQL 打交道的研发工程师,那么 OLAP这个词对你一定不陌生。你或许听说过 OLAP、OLTP 技术,但是今天文章的...

    Spark学习技巧

扫码关注云+社区

领取腾讯云代金券