HTML5的fieldset标签怎么用?

2025-10-13 10:12:04

1、新建一个HTML5文档,用于承载<fieldset>标签

HTML5的fieldset标签怎么用?

2、新建一个<form>表单,示例:

    <form action="">

            </form>

HTML5的fieldset标签怎么用?

3、在<form>表单中插入<fieldset>标签,示例:

        <fieldset>

            <legend>西瓜的属性:</legend>

            产地:<input type="text"><br />

            重量:<input type="text"><br />

            品种:<input type="text"><br />

       </fieldset>

HTML5的fieldset标签怎么用?

4、保存以上文件,在浏览器,预览效果,

在分组表单上,会有一圈实心的线段,将分组包裹为一个整体

HTML5的fieldset标签怎么用?

5、再创建一个新的分组表单元素

HTML5的fieldset标签怎么用?

6、保存之后,在浏览器查看效果

HTML5的fieldset标签怎么用?

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢