【发布时间】:2021-01-17 20:36:15
【问题描述】:
我在使用这张引导卡时遇到了一些问题。
我创建了一个带有浮动标签的输入文本的导航卡。 我的问题是我无法在输入中选择文本。
<form class="form-floating">
<p><br></p>
<div class="container-lg">
<div class="row">
<div class="card text-center col-md-4 col-md-offset-2">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#home3">F1</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#menu31">F2</a>
</li>
</ul>
<div class="tab-content">
<div id="home3" class="container tab-pane active"><br>
<h5>Flash 1 Delay</h5><br>
<div class="form-label-group">
<input type="text" id="flashdelay1" class="form-control" placeholder="Flash1" required="" autofocus="">
<label for="flashdelay1">Flash 1 Delay (ms)</label>
</div>
</div>
<div id="menu31" class="container tab-pane fade"><br>
<h5>Flash 2 Delay</h5><br>
<div class="form-label-group">
<input type="text" id="flashdelay2" class="form-control" placeholder="Flash2" required="" autofocus="">
<label for="flashdelay2">Flash 2 Delay (ms)</label>
</div>
</div>
<div id="menu32" class="container tab-pane fade"><br>
<h5>Flash 3 Delay</h5><br>
<div class="form-label-group">
<input type="text" id="flashdelay3" class="form-control" placeholder="Flash3" required="" autofocus="">
<label for="flashdelay3">Flash 3 Delay (ms)</label>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
有什么建议吗? 谢谢
【问题讨论】:
标签: twitter-bootstrap bootstrap-5