JSFiddle - React, Tailwind, and code Playground

by br1ckb0t

HTML

<!-- Copy this entire code block-->
<div id="enquiry-form"></div>
<div class="qsstandalone-footnote" id="enquiry-footer">Form powered by <a href="http://www.quickschools.com" target="_blank">QuickSchools.com - School Management System</a></div>
<script src="https://lwspa.quickschools.com/sms/es/enquiry?divId=enquiry-form" async></script>
<script type="text/javascript">
var loadingForTextareaReplace = setInterval(function() {
    var formComponents = document.getElementById("enquiry-form").children;
    if (formComponents.length > 1) {
        clearInterval(loadingForTextareaReplace)
        var inputs = document.getElementsByClassName("qsinput");
        var lastInput = inputs[inputs.length - 1];
        var textArea = lastInput.innerHTML;
        textArea = textArea.replace("input", "textarea");
        lastInput.innerHTML = textArea;  
    }
}, 10)
</script>
<style type="text/css">
.qsform textarea {
    font-family: inherit;
    font-size: 1em;
    width: 97%;
    border: 1px solid grey;
    padding: 5px 0px 5px 5px;
    border-radius: 4px;
}
</style>