JSFiddle - React, Tailwind, and code Playground
HTML
<form action="http://stackoverflow.com" target="_blank">
Book <input type="text" name="book" /><br />
Music <input type="text" name="music" /><br />
TV <input type="text" name="tv" /><br />
<button type="submit">Submit</button>
</form>
JavaScript
window.onload = function() {
for (var i = 0; i < document.forms.length; i++) {
var oForm = document.forms[i];
oForm.onsubmit = function() {
for (var j = 0; j < this.elements.length; j++) {
var element = this.elements[j];
if (element.type === "text" && element.value === "")
element.disabled = true;
}
};
}
};