HTML——tab标签

最新推荐文章于 2024-07-25 11:34:59 发布

只怪星光太耀眼

最新推荐文章于 2024-07-25 11:34:59 发布

阅读量5.1w

点赞数 12

分类专栏：前端文章标签： tab html

本文链接：https://blog.csdn.net/yjt13/article/details/85041125

版权

前言

小编最近在做项目的时候前端需要tab标签来进行角色分类，小编的公司用的是angular，虽然一般情况下angular挺好用的，但是这次例外了，angular的标签并不能良好的达到我想要的效果，于是小编找了一个html改装的tab，如下：

html内容如下

<div class="tabs">
  <div class="tab-2">
    <label for="tab2-1">一</label>
    <input id="tab2-1" name="tabs-two" type="radio" checked="checked">
    <div>
      <h4>第一个标签页</h4>
      <p></p>
    </div>
  </div>
  <div class="tab-2">
    <label for="tab2-2">二</label>
    <input id="tab2-2" name="tabs-two" type="radio">
    <div>
      <h4>第二个标签页</h4>