在textarea顶部的导航栏

Question

任何人都可以帮忙克隆出来吗？ ＆＃34;姓名＆＃34;部分实际上是一个文本区域，在它的顶部是点击它时导航栏将变为蓝色并在textarea顶部加下划线。 我有想法创建这样的导航栏，但不像这样。 这是我的代码

<ul class="nav nav-tabs">
    <li><a>Address</a></li>
    <li><a>Address Overview</a></li>
    <li><a>Identification</a></li>
    <li><a>Control</a></li>
    <li><a>Payment Transactions</a></li>
    <li><a>Status</a></li>
    <li><a>Additional Texts</a></li>
    <li><a>Technical ID</a></li>
</ul><br />
<div class="row form-group">
    <textarea class="form-control" style="min-width:100%"></textarea>
</div>

它就像这样