javascript - 输入时不显示引导标签
问题描述
我想问一下,为什么每当我尝试输入值时,值就会消失而不是空白消失,但文本就像隐藏了一样?我尝试了一个我链接的解决方案。尝试不同的引导版本会破坏我页面中的整个 UI,这对我来说绝对不好。
这是我尝试过的解决方案:https ://stackoverflow.com/a/49322190/14791879
索引.html
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous">
<!-- Customized CSS -->
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="files/Images/logoapp.png">
<!-- DataTable CSS -->
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.23/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tagsinput/0.8.0/bootstrap-tagsinput.css" integrity="sha512-xmGTNt20S0t62wHLmQec2DauG9T+owP9e6VU8GigI0anN7OXLip9i7IwEhelasml2osdxX71XcYm6BQunTQeQg==" crossorigin="anonymous" />
<!-- Font Awesome JS -->
<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"></script>
<div class="form-group">
<label for="LabelTitle">Tags</label>
<div class="tag-container">
<input type="text" value="" data-role="tagsinput" id="tags" placeholder="Add tags" />
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<!-- Popper.JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<!-- Bootstrap JS -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tagsinput/0.8.0/bootstrap-tagsinput.css" integrity="sha512-xmGTNt20S0t62wHLmQec2DauG9T+owP9e6VU8GigI0anN7OXLip9i7IwEhelasml2osdxX71XcYm6BQunTQeQg==" crossorigin="anonymous" />
解决方案
推荐阅读
- powerapps - 如何在 Powerapps 中同时使用 collect 和 if 函数?
- r - 每隔一行拆分变量以在 data.frame 中形成两个新列
- android - 根据屏幕Android Studio在GridLayout中设置按钮的宽度和高度
- python - 如何强制 Python 导航到网页并打印所有锚点(a-html)
- java - 将 3 个链表合并为 1 个(Java)
- javascript - 如何在加载网页时隐藏 div
- ms-access - 标准中的 OnlyDigits 函数
- ubuntu - 无法使用 nginx 将子目录重定向到子域
- android - 我可以更改 ArCore 虚拟相机的姿势或在一个场景中有多个虚拟相机吗?
- powershell - Powershell:关于 %(百分号)的问题以及它在以下脚本片段中的工作方式