首页 > 软件开发 > HTML >

HTML5的fieldset标签怎么用

来源:互联网 2023-03-16 19:11:48 258

现代的浏览器基本上都完成了对HTML5的支持,在HTML5中新增了一些非常好用或实用的标签,例如表单的分组标签fieldset>sOk办公区 - 实用经验教程分享!

工具/原料

  • 电脑一台
  • H5

方法/步骤

  • 1

    新建一个HTML5文档,用于承载fieldset>标签sOk办公区 - 实用经验教程分享!

    HTML5的fieldset标签怎么用?sOk办公区 - 实用经验教程分享!

  • 2

    新建一个form>表单,示例:sOk办公区 - 实用经验教程分享!

    form action="">sOk办公区 - 实用经验教程分享!

    /form>sOk办公区 - 实用经验教程分享!

    HTML5的fieldset标签怎么用?sOk办公区 - 实用经验教程分享!

  • 3

    在form>表单中插入fieldset>标签,示例:sOk办公区 - 实用经验教程分享!

    fieldset>sOk办公区 - 实用经验教程分享!

    legend>西瓜的属性:/legend>sOk办公区 - 实用经验教程分享!

    言泰五哄三 产地:input type="text">br />sOk办公区 - 实用经验教程分享!

    重量:input type="text">br />sOk办公区 - 实用经验教程分享!

    品种:input type="text">br />sOk办公区 - 实用经验教程分享!

    海特 /fieldset>sOk办公区 - 实用经验教程分享!

    HTML5的fieldset标签怎么用?sOk办公区 - 实用经验教程分享!

  • 3本页面未经许可获取自百度经验
  • 4

    保存以上文件,在浏览器,预览效果,sOk办公区 - 实用经验教程分享!

    在分组表单上,会有一圈实心的线段,将分组包裹为一个整体sOk办公区 - 实用经验教程分享!

    HTML5的fieldset标签怎么用?sOk办公区 - 实用经验教程分享!

  • 5

    再创建一个新的分组表单元素sOk办公区 - 实用经验教程分享!

    HTML5的fieldset标签怎么用?sOk办公区 - 实用经验教程分享!

  • 6

    保存之后,在浏览器查看效果sOk办公区 - 实用经验教程分享!

    HTML5的fieldset标签怎么用?sOk办公区 - 实用经验教程分享!

  • 注意事项

    • 是分组表单的标题
    • 喜欢此经验,请投票和点赞

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!sOk办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码