在我的一個專案中，我想在輸入時顯示影像。
我已經用 HTML 和 Bootstrap 撰寫了這段代碼，當我點擊我的輸入時，它已經允許我顯示影像：
<div class="form-floating mb-3 bg-image hover-zoom">
<input class="form-control" id="chemin_ad" name="chemin_ad" type="text" placeholder="Chemin dans l'AD" data-bs-show="collapse" data-bs-target="#exempleImage" aria-expanded="false" aria-controls="exempleImage" />
<label for="chemin_ad">Chemin dans l'AD</label>
</div>
<div class="collapsing" id="exempleImage">
<img class="img-fluid" src="<?php echo $chemin ?>assets/img/exemple.png" alt="Chemin de l'AD"/>
</div>
偉大的 ！但是當我離開輸入時，影像仍然顯示，我需要再次單擊輸入以使其消失...
有沒有一種方法只能在我使用 Bootstrap 輸入時顯示它？還是使用 JavaScript 函式？
uj5u.com熱心網友回復：
使用 JavaScriptonblur
<input type=text id=... onblur=document.getElementById('image').hidden = true;>
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/464152.html
標籤：javascript html 推特引导 输入
上一篇：使用100%時離開列的背景顏色