data-lole ='tagsInput＆quot＆quot在Crome和Edge工作，但在Internet Explorer中不工作

发布于 2025-02-11 23:17:25 字数 2602 浏览 0 评论 0原文

我正在使用Bootstrap设计一个站点。 TagSInput在Chrome和Edge中工作，但在Internet Explorer中工作。标签框没有出现在Internet Explorer中附加以下代码： -

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8" />
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
            <meta name="description" content="" />
            <meta name="author" content="" />
            <title>TNL metadata tagging</title>
            <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
            <link rel="stylesheet" type="text/css" href="css/bootstrap-tagsinput.css">
            <link href="css/styles.css" rel="stylesheet" />
        </head>
        <body>
            <div class="container">
              <form class="form-horizontal">
                <div class="row row-cols-1">
                  <div class="col mt-3"><b>Category</b></div>
                  <div class="col mt-3">
                    <div class="form-group">
                        <div class="col-sm-10">
                          <input class="form-control" id="focusedInput" type="text" value="News" data-role="tagsinput" />
                        </div>
                    </div>
                  </div>
                </div>
                <button type="submit" class="btn btn-primary">Submit</button>
              </form>
            </div>
            <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
      <!-- Latest compiled and minified JavaScript -->
    
    <script type="text/javascript" src="js/bootstrap-tagsinput.js"></script>
<script type="text/javascript">
$("input").val()
</script>
    </body>
    </html>

屏幕截图： - ie chrome

原文

I am designing a site using Bootstrap. TagsInput is working in Chrome and Edge but not in Internet Explorer.
The tag boxes are not appearing in Internet Explorer
Attaching the code below:-

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8" />
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
            <meta name="description" content="" />
            <meta name="author" content="" />
            <title>TNL metadata tagging</title>
            <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
            <link rel="stylesheet" type="text/css" href="css/bootstrap-tagsinput.css">
            <link href="css/styles.css" rel="stylesheet" />
        </head>
        <body>
            <div class="container">
              <form class="form-horizontal">
                <div class="row row-cols-1">
                  <div class="col mt-3"><b>Category</b></div>
                  <div class="col mt-3">
                    <div class="form-group">
                        <div class="col-sm-10">
                          <input class="form-control" id="focusedInput" type="text" value="News" data-role="tagsinput" />
                        </div>
                    </div>
                  </div>
                </div>
                <button type="submit" class="btn btn-primary">Submit</button>
              </form>
            </div>
            <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
      <!-- Latest compiled and minified JavaScript -->
    
    <script type="text/javascript" src="js/bootstrap-tagsinput.js"></script>
<script type="text/javascript">
$("input").val()
</script>
    </body>
    </html>

Screenshots:-
IE
Chrome

分享到QQ

分享到微博