【问题标题】:Can't select text in input card无法选择输入卡中的文本
【发布时间】: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


    【解决方案1】:

    选择带有参数value的输入文本

    使用 Jquery

    #InputID.val
    

    使用javascript

    document.getelementbyid(InputID).value
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2022-06-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-07-08
      • 2021-06-26
      • 1970-01-01
      • 2011-07-19
      相关资源
      最近更新 更多