<script>
document.querySelectorAll("input, textarea").forEach(function(element) {
element.addEventListener("focus", function() {
this.closest(".form-group").classList.add("focused");
});
element.addEventListener("blur", function() {
var inputValue = this.value;
if (inputValue === "") {
this.closest(".form-group").classList.remove("focused");
}
});
});
</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