[ASP.NET]Web的GroupBox:FieldSet And Legend

2009-07-16

11131
0
ASP.NET

講起來真糗，我到今天才知道FieldSet And Legend這玩意兒，一般我們在寫Winform的時候，為了排版上好看或想要將具有相同關聯的元件放在一起，我們通常會使用GroupBox把它包起來，像這樣：

之前想說在Web上也來弄一個相同的東西，後來發現ASP.NET本身的控制項沒有提供這樣的元件，後來自己用Panel+Label的方式組了一個GroupBox like的元件出來，大概就長的跟下面這個很像：

既然達到相同的目的了，功能也相同，所以一直以來也沒有理會是不是有更簡單的做法，今天member做讀書會分享時講到FieldSet這東西，覺得蠻有趣的，下面我們看一下FieldSet是什麼樣的東西，看一下它的呈現效果，跟Winform的效果幾乎一模一樣，

而且寫法一點也不困難，如下方，fieldset是外框，legend是顯示的label，透過這個DOM物件我們可以達到GroupBox相同的效果，蠻不錯的。


      <fieldset style="width: 277px; height: 165px">
      <legend>登入區
          <asp:Login ID="Login1" runat="server" Style="z-index: 102; left: 16px; position: relative;
              top: 230px">
          </asp:Login>
         </legend>
      </fieldset>

游舒帆 (gipi)

探索原力Co-founder，曾任TutorABC協理與鼎新電腦總監，並曾獲選兩屆微軟最有價值專家 ( MVP )，離開職場後創辦探索原力，致力於協助青少年培養面對未來的能力。認為教育與組織育才其實息息相關，都是在為未來儲備能量，2018年起成立為期一年的專題課程《職涯躍升的關鍵24堂課》，為培養台灣未來的領袖而努力。

回首頁