手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

HTML5的fieldset标签怎么用

时间:2024-10-15 03:08:26

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

HTML5的fieldset标签怎么用

2、新建一个<form>表撮劝丛食单,示例: <form action=""> </form>

HTML5的fieldset标签怎么用

3、在<form>表单中插入<fieldset>标签,示例: 争犸禀淫<fieldset> <legend>西瓜的属性:</lege荏鱿胫协nd> 产地:<input type="text"><br /> 重量:<input type="text"><br /> 品种:<input type="text"><br /> </fieldset>

HTML5的fieldset标签怎么用

4、保存以上文件,在浏览器,预览效果,在分组表单上,会有一圈实心的线段,将分组包裹为一个整体

HTML5的fieldset标签怎么用

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

HTML5的fieldset标签怎么用

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

HTML5的fieldset标签怎么用
© 手抄报圈