<div class="ps-4 mt-2 row"> <div class=" col-md-6 shadow p-3 mb-5 bg-body rounded"> <h6 class="TEXT-COLOR">Uplode Document</h6> <div class="d-flex gap-1 align-items-center"> <input class="d-none" type="file" name="" id="imgInp12"> <div class=""> <label class=" btn fs-small nav-btn-bg" for="imgInp12">Upload Document</label> </div> <div class=""> <input class=" form-control p-1" id="upfileName" readonly/> </div> </div> </div> </div> <script> imgInp12.onchange = (evt) => { const [file] = imgInp12.files; if (file) { upfileName.value = file.name; } }; </script>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter