javascript - 如何在div边框的一 Angular 显示文字？

Question

我想在 html 页面中显示如下文本，如何实现？

这是我目前为止尝试过的。

<div class="filterleft" style="display: inline-block;">
  <div id="filterleft_border" style="border-style:solid; border-width:1px;" >   
   <label class="category-label" for="category">Filter: </label>
   <input type="checkbox" id="enableFilter"/>
   <input type="search" id="filterValue" style="width: 50px"/>
  </div> 
</div>

我为此创建了一个 fiddle ，

http://jsfiddle.net/KendoDev/kzf6257h/

但是我想要的是，

Answer 1

您必须使用 HTML <fieldset>和 <legend>让它工作。使用它真的更简单。在W3Schools中查看更多相关信息

查看

fiddle

HTML

<div class="filterleft" style="display: inline-block;"> 
   <fieldset id="filterleft_border" style="border-style:solid; border-width:1px;" >
      <legend>Filter: </legend>
      <input type="checkbox" id="enableFilter"/>
      <input type="search" id="duration" style="width: 50px"/>
   </fieldset>
</div>